> 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/team-and-social-proof/quotes.md).

# Quotes

The **Quotes** is ideal for displaying brand philosophy, testimonials, or inspirational quotes, adding authority and emotional resonance.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2Fdi6uiu9sCJzahewjqoJb%2F9ffe797419e5bc49b01a0178f72caa1f.png?alt=media&amp;token=552db2f2-f6c7-47cf-91fb-dcaead0deb13" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

* **Choose or edit a color scheme** for background, text, and icons.
* **Tip**: Dark background + light text works well for highlighting quotes.

***

### 📐 Alignment

* Options: **Left, Center, Right**.
* **Tip**: Use *center* for a single quote, *left* for multiple quotes.

***

### 🖼 Background Image

* Upload a background image and adjust its opacity.
* **Tip**: Choose simple visuals to keep text readable.

***

### 🎞 Slider Settings

* **Enable slider** for multiple quotes.
* Display **navigation arrows and pagination dots**.
* **Enable autoplay** with interval settings (**5–7s recommended**).
* **Tip**: For more than 3 quotes, autoplay enhances engagement.

***

### 🧱 Block Components

* **Quote Block**:
  * **Author**: Add the person’s name or title.
  * **Icon**: Decorative quotation mark or brand symbol.
  * **Description**: The quote text.
  * **Spacer**: Adjust spacing for clean layout.

***

### ✅ Best Practices

1. Keep quotes **short and impactful** (20–40 words).
2. Always display the author for credibility.
3. Use icons (like quotation marks) for better design.
4. Enable **autoplay slider** for multiple quotes to keep the section lively.