> 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/media-and-layout/logo-list.md).

# Logo List

The **Logo List** section is designed to showcase partner, media, or client logos. It’s commonly used to build trust and demonstrate brand credibility. With flexible layout and style settings, it adapts well to various visual themes.

***

### 🎨 Color Scheme

Select or customize a color scheme that defines the color styles for all elements in this section, including background, text, and icons—aligning with your brand's visual identity.

***

### 🧱 Section Blocks: Header Content

You can optionally add content blocks above the logo list to enhance the presentation. Available blocks include:

* 🏷️ Badge Group
* 📝 Description Text
* 📣 Title / Subtitle
* 🔘 Buttons / Button Group (link & video popup)
* ⏳ Countdown Timer, 🎁 Discount Code, 📊 Highlighted Stats, 📱 Social Media List
* 🧾 Spacing, 🌟 Icons, 🖼️ Icons with Text, 🔑 Keywords, 🔗 Link Group, ❤️ Follow Us

***

### 🖇️ Logo List Settings

**📐 Layout Options**

* **Grid Layout**: Logos are evenly distributed in a grid.
  * Set **horizontal** and **vertical spacing** to ensure proper balance and spacing.
* **Scrolling Layout**: Logos scroll continuously across the screen—ideal for showcasing a large number of logos.
  * Set **scroll direction**: left or right.
  * Configure **scroll speed** (recommended: 40px) for optimal pacing.
  * **Enable blurred edges**: Adds a soft blur to both ends of the carousel, creating a focus effect on the center logos.
  * **Enable scroll synchronization**: Logos will scroll in coordination with the page scroll, enhancing visual depth and modern dynamics.

***

### 🌑 Grayscale Option

Enable grayscale to display logos in black and white. This offers a cleaner, more unified appearance. (On some themes, logos can return to full color on hover.)

***

### ✅ Recommendations

* **Use consistent logo sizing** for visual uniformity.
* Upload transparent PNGs to better adapt to different background styles.
* **Grid layout** is suitable for fewer, static logos; **scrolling layout** is ideal for dynamic, numerous logos.
* Combine with titles or badges like “Our Partners” to provide context and build trust.