#layout
5 pieces filed under “layout”.
Bento grids: when the box layout earns its keep
A fair assessment of bento layouts: what they do well, where they collapse, span systems that survive real CMS data, and typography rules for mixed-size tiles.
Light, dark, light: section banding as rhythm
How to use alternating light and dark sections as editorial rhythm: surface budgets, seam design, spacing across bands, and fitting a night section into a paper site.
Whitespace is a tool, not a leftover
Whitespace is the layout's punctuation: optical spacing, density budgets per audience, emptiness as hierarchy, and how to defend it in stakeholder reviews.
Pull quotes and margin notes: editorial devices for the web
Pull quotes, asides and margin notes give long reads their rhythm. The semantic markup, the responsive survival tactics, and the restraint that keeps them editorial.
Editorial grids on the web: rhythm without rigidity
Bringing print's editorial rhythm to responsive layouts: columns that collapse gracefully, spacing that survives the box model, breaking the grid on purpose.