Get It
Want this look?
Copy a prompt below and generate an editorial spread with AI.
Cover Story
The Broken Grid
Design an editorial, magazine-style website. A broken asymmetric grid, large serif display headlines (Playfair or Fraunces), an elegant body serif, drop caps, generous columns, and paper-toned color. It should feel like a printed art journal.
Best for AI website builders — Lovable, v0, Bolt
Create an editorial hero spread: an oversized italic serif headline across a broken grid, a small uppercase kicker, a pull quote, and a single full-bleed image. Asymmetry and whitespace do the work.
Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude
Restyle my page as an editorial layout: switch headlines to a serif display face, introduce a broken multi-column grid, add a drop cap and pull quotes, and warm the palette to paper tones.
Paste alongside your existing site/code for an AI coding agent to apply
Paste any prompt as-is — no edits needed. Add your own brand, copy, or images on top if you want; the prompt already works without them.
Editorial / magazine-style guide for AI coding agents: - Palette: warm cream #f4efe6 background, white #ffffff surface (the page within the page), deep oxblood #7a2e2e accent, muted brass #9a7b3f used sparingly for kickers/section markers. - Type: Playfair Display for dramatic display headlines, Work Sans for clean structural body/UI text. - Signature elements: a broken asymmetric grid (never a rigid symmetric column layout), drop caps, pull quotes, hairline rules, photography and copy overlapping like a real magazine spread rather than stacked boxes. - Motion: compose / unfold — deliberate, paced reveals like a magazine page turning. Never rushed or glitchy. - Never: a rigid symmetric grid, a neutral corporate sans as the display face, harsh/bright color, fast snap animations.
Drop this into a project's instructions/skill file for a reusable reference, instead of a one-shot prompt.
A page is not a template. It's a layout someone composed on purpose.