# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://en-ascent.webvista.studio/sections/reading-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.