ruler-horizontalTile Specs

Review technical requirements and specifications for each tile type.

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

Desktop

2×1, 2×2, 2×3

Mobile

Desktop

3×1, 3×2, 3×3

Mobile

Desktop

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 filearrow-up-right 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 →arrow-up-right

Last updated