Monocle: editorial news and culture grid

Tier: inspiration
Roles: page-head, feature, proof, offer, closing, footer
Feel: light, editorial, premium, minimal
Motion: reveal, pan, stack
Source: public-site
Site: https://monocle.com/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-09-24
Captures: frames: https://images.refero.design/styles/refero.design/video/e40fc7d7-9d1e-4402-a43e-0fb102df1442.mp4
both: https://monocle.com/

What it does

A culture and affairs publication homepage built from a strict editorial hierarchy and varied story imagery.

Section roster

1. Masthead and lead stories. 2. Culture, design, and travel grids. 3. Magazine and subscription offers. 4. Footer and issue archive.

Why it works

The grid can carry many topics without losing hierarchy because typography, image scale, and whitespace stay disciplined.

Sources

- [Refero style page](https://styles.refero.design/style/9165ecb1-f068-4093-8783-1f3c98898b8a) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/e40fc7d7-9d1e-4402-a43e-0fb102df1442.mp4) supply the sampled motion and section sequence. - The live capture at https://monocle.com/ supplies current copy, responsive screenshots, and measured layout. - News stories change daily; use the live capture for current content and the recording for layout behavior.