# 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="https://3086053958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtxdyhQYbUmYMEm4SSNh%2Fuploads%2Frc4KoPU9eiwj1qKcoQhD%2F5%E6%9C%8823%E6%97%A5%20(1).gif?alt=media&#x26;token=1d9d5b88-0e07-4d4c-bfcb-6d8664391c11" 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.