> For the complete documentation index, see [llms.txt](https://en-ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://en-ascent.webvista.studio/sections/reading-text.md).

# Reading Text

The **Reading Text** section is designed to dynamically display slogans, promotional messages, or any rich text content. It features four built-in animation effects that bring your website to life and draw user attention to key information.

<figure><img src="/files/yJQajgw9pPtAqUAJCCue" alt=""><figcaption></figcaption></figure>

***

### 🎯 Overview

* Ideal for showcasing brand taglines, announcements, or campaign highlights.
* Includes **four animation styles** for engaging and lively text presentation.
* Flexible configuration options for colors, layout, and buttons to match any page design.

***

### ⚙️ Configuration Options

#### 🎨 Color Scheme

* Customize **background color, text color, and button styles** to align with your website's overall theme.

#### 📝 Titles & Descriptions

* Add a **subtitle, main title, and description** to clearly convey your message to users.

#### 🔘 Button Settings

* Add call-to-action buttons linking to campaign pages, featured products, or custom URLs.
* Choose from **solid or secondary button styles**.
* Optionally include an **arrow icon** for enhanced visual guidance.

#### 🎞️ Animation Effects

Choose from four dynamic text animations to create an engaging user experience:

1. **Float in** – Text smoothly enters from different directions.
2. **Deepen** – Text gradually becomes bolder and more prominent.
3. **Change color** – Text transitions from one color to another with a gradient effect.
4. **Cutout** – Text outlines are revealed progressively for a modern, stylized appearance.

**🎨 Color Shift Options:**

* Set distinct **start and end colors**.
* A **gradient blend** will automatically be displayed in the middle area of the text, creating a smooth visual transition.

***

### ✅ Suggested Use Cases

* Presenting brand slogans, mission statements, or introductory messages.
* Highlighting campaign announcements or promotional highlights on landing pages.
* Adding a visually striking section in the middle or footer of a page to reinforce brand identity or drive user actions.
