# Tile Specs

#### Tile Ratios

Amondo supports a flexible set of tile ratios that can be used across both desktop and mobile layouts. The ratios define how content is arranged visually, and each tile follows a specific aspect ratio.

**Supported tile ratios include:**

`1×1`, `1×2`, `1×3`, `2×1`, `2×2`, `2×3`, `3×1`, `3×2`, `3×3`

These define the shape and scale of each tile within the layout grid.

### `1×1`, `1×2`, `1×3`

#### **Mobile**

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

#### **Desktop**

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

### `2×1`, `2×2`, `2×3`

#### **Mobile**

<figure><img src="/files/3xpTrIpvuoRcV7vVWRNf" alt=""><figcaption></figcaption></figure>

**Desktop**

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

### `3×1`, `3×2`, `3×3`

#### **Mobile**

<figure><img src="/files/3gBStyVqyNlWi8uWh3tw" alt=""><figcaption></figcaption></figure>

#### **Desktop**

<figure><img src="/files/7JFMQCR4hQOFfGU1S4k8" alt=""><figcaption></figcaption></figure>

### Asset requirements

You should provide image assets at **2× the desktop design resolution**. This makes sure content looks sharp on both standard and high-resolution screens, without adding unnecessary file size overhead.

Assets can be exported at higher resolutions if needed; as long as the **aspect ratio matches the intended tile size**, cropping will be handled automatically.

Here’s a guide to the recommended resolutions for each tile ratio at 2×:

| Tile Ratio | Recommended 2× Resolution (px) |
| ---------- | ------------------------------ |
| 1×1        | 550 × 550                      |
| 1×2        | 550 × 1140                     |
| 1×3        | 550 × 1710                     |
| 2×1        | 1140 × 550                     |
| 2×2        | 1140 × 1140                    |
| 2×3        | 1140 × 1710                    |
| 3×1        | 1710 × 550                     |
| 3×2        | 1710 × 1140                    |
| 3×3        | 1710 × 1710                    |

### Button safe zones

The tile designs shown below in the [Figma file](https://www.figma.com/design/tUpvJjUpNwCXI067se3wTE/Amondo-Tile-Specs?node-id=0-1\&t=jIVdHNU3ftYyy9YR-1) illustrate **absolute sizing and button placement** for both desktop and mobile views.

Each tile layout includes a **safe zone**: an area where important content like logos, faces or text should be placed to avoid being cropped or overlapped by the action button.

When designing your assets, use these safe zones as a guide to ensure your key visuals remain clear and unobstructed across all layouts.

### Figma file

You can view the full layout designs and safe zone guides here: [View Figma File →](https://www.figma.com/design/tUpvJjUpNwCXI067se3wTE/Amondo-Tile-Specs?node-id=0-1\&t=jIVdHNU3ftYyy9YR-1)


---

# 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://docs.amondo.com/platform-guides/build/activation-tiles/tile-specs.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.