# Collage with Text

The **Collage with Text** section allows you to showcase multiple stacked images combined with text, creating a visually engaging storytelling or promotional layout. It’s ideal for brand storytelling, product showcases, or campaign highlights.

<figure><img src="/files/ALhCW1SmZ5e0dkFIYm0i" alt=""><figcaption></figcaption></figure>

### 🎨 Color Scheme

* **Choose or edit a color scheme** to define the styles for all section elements, including background colors, text colors, and more.
* Adjust according to your brand’s visual identity for a consistent look and feel.

***

### 🖼 Image Settings

* **Image Width**: Options include **Small / Medium / Large**.
  * When using multiple stacked images, **Small** is recommended for balance and aesthetics.
* **Desktop Layout**: Place images on the **left side** with text displayed on the right.
* **Angle Types**:
  * **Clean**: Straight vertical angles.
  * **Scattered**: Images tilt toward the center for a dynamic effect.
  * **Tilt Left**: Images lean to the left.
  * **Tilt Right**: Images lean to the right.
* **Image Frame**: Enable frames to add depth and a 3D feel to the images.

***

### ✍️ Content Settings

* **Alignment**: Choose from **Left, Center, or Right alignment** for text and content.

***

### 📦 Section Blocks

The section supports the following blocks:

* **Image**: Upload up to **5 images**. The collage automatically adapts to the number of images for different stacking layouts.
* **Caption**: Short supporting text or label.
* **Heading**: Highlight the main message.
* **Text**: Add product details, brand stories, or campaign descriptions.
* **Button**: Insert a call-to-action button with a link.
* **Social Media List**: Showcase links to social platforms for brand engagement.

***

### 💡 Best Practices

1. **Image Selection**: Use images with a consistent style or theme to ensure harmony.
2. **Optimize Width**: For multi-image collages, use the **Small** size for better balance.
3. **Add Depth**: Turn on image frames to create a layered, 3D-like effect.
4. **Balance Visuals & Text**: Keep text concise and focused to complement the strong visuals.


---

# 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/collage-with-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.