Journal · Example article
Notes on broken grids
Example essay on asymmetrical layouts for designer portfolios — demo content for Noctyra.
- Layout
- Example
Broken on purpose
A broken grid is not a messy grid. It is a 12-column structure with deliberate offsets — media that starts on column three, headlines that span oddly, captions that sit where the eye needs a pause.
When it works
- Portfolio index pages with varied project aspect ratios
- Case studies that mix process and outcome
- Homepages that need energy without card sprawl
When to stop
If content becomes hard to scan on a phone, collapse to a single column. The Noctyra theme does this automatically; keep your desktop drama, protect mobile clarity.
Example takeaway
Ship layouts that feel authored. Replace this article with a story from your studio.