# Supported Ratios

Use these presets for editorial cards and covers.

| Ratio | Use case | Viewport size |
| --- | --- | --- |
| `3:4` | Portrait info card | `1500 x 2000` |
| `4:3` | Landscape info card | `2000 x 1500` |
| `1:1` | Square post | `1800 x 1800` |
| `16:9` | Standard wide cover | `1920 x 1080` |
| `9:16` | Story / reel cover | `1080 x 1920` |
| `2.35:1` | Cinematic cover | `2350 x 1000` |
| `3:1` | Twitter / profile cover | `1800 x 600` |
| `5:2` | Ultra-wide strip cover | `2500 x 1000` |

## Notes

- Keep the page itself aligned to the target ratio so the screenshot does not need cropping.
- Use the preset pixel dimensions as the actual design canvas, not only as the browser window size.
- Prefer warm off-white or paper-like backgrounds for information cards.
- For `2.35:1` and `5:2`, reduce paragraph length and use fewer but larger blocks.
- For `3:1`, keep text sparse, protect likely avatar overlap zones, and avoid filling the full width with copy.
- For `4:3`, prefer asymmetric layouts or a strong summary band before the list so the canvas does not feel horizontally flat.
- For `3:4`, do not default to a single stack. Use title bands, insight rows, and mixed-size modules.
- For `1:1`, avoid four equal tiles. Use one heavier primary block plus supporting blocks.
- Rebalance the composition for each ratio. Do not treat ratios as simple viewport resizes of one fixed template.