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

# Reading Text

**Reading Text Section** is designed to present longer text content with enhanced visual effects. Ideal for brand stories, value introductions, or blog-like content.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FvCEA9WkXUwXSj0vpGu3w%2F1d1eaa258cc5571da22af7054eea419.png?alt=media&amp;token=4942e4a5-5903-4d36-ac1c-9c484d2211f3" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

Customize the color scheme to define background and text colors according to your brand style.

### 🖼️ Background Image

Upload a background image with adjustable opacity. You can enable **parallax effect** to allow the background to move subtly with scrolling for visual depth.

### 🧱 Section Content

1. **🔖 Subtitle** – Introductory or supporting text.
2. **📝 Reading Text Block**:
   * Four size options: small, medium, large, extra-large
   * Uppercase toggle available
   * Animation options:
     * **Float in** – Smooth directional entrance
     * **Deepen** – Bold and emphasize text
     * **Color change** – Gradual text color transition
     * **Cutout** – Reveal text with outlined animation
3. **📏 Spacer** – Adjust spacing between elements
4. **🔘 Button Group** – Link or video pop-up buttons
5. **🌐 Social Media List** – Add social icons with tooltip and links

***

### ✅ Usage Suggestions

* Best for storytelling, brand philosophy, or product introductions.
* Combine text animations with parallax backgrounds for a modern, engaging look.
* Use large text + "Float in" effect to highlight key messages.
* Keep animation minimal on mobile to ensure readability and performance.