Blog Pro
Magazine homepage grid
The prompt
Build the front page of an online magazine covering architecture. Hierarchy is the entire brief: a reader must know instantly which story matters most. The lead story spans 8 of 12 columns with a 3:2 image, a kicker in monospace uppercase, a headline at clamp(2rem, 4.5vw, 3.5rem), a two-sentence standfirst and a byline. The remaining 4 columns hold three secondary stories stacked vertically, each with a small 1:1 thumbnail on the left and a headline…
158 more words behind Pro
Unlock all 24 promptsThe opening is above. Pro unlocks the full text — the structure, constraints and design tokens that do the real work.
About this prompt
A publication front page with real editorial hierarchy — one lead story that actually dominates.
Tags:#light-mode#editorial#magazine#typography
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using Magazine homepage grid.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "Magazine homepage grid".
STEP 02
Paste into AI Builder
Open Lovable, Codex, Claude, Cursor and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this