BUILD
- Build a complete Editorial magazine / journal homepage. Not a card, not an isolated navbar, not a SaaS landing, not tabs.
- Domain from Use on: Journals first; Portfolios appear as "works in the issue," not a gallery product home.
STYLE
- Editorial: large display type, wide measure, sparse rules
- White #FFFFFF, type #1D1D1F, mute #6E6E73, 0 radius, no soft shadows. Structure is type size and 1px #1D1D1F rules
- Display: Newsreader 56–72px on the generated page. Body: Source Serif 4, measure ~720px. No Inter. Specimen type may stay Plus Jakarta Sans
LAYOUT
- Outer frame max-width 1200px. Lead column ~720px plus a widget rail
- Top chrome: North Review, separate Essays / Archive / Masthead, search, Subscribe as an underline, between two hairline rules
- Icarus-like issue home: three story cards with cover rules, excerpts, Read more; sidebar profile, categories, recents; three-column colophon
- Nav is masthead, then the issue — not a floating bar over empty space
SECTIONS
1. Lead: "Type as layout." Subscribe as underline, never a filled blue pill
2. Three story cards with cover rules, excerpts, Read more: Quiet density / Issue plates / Measure of 720
3. Sidebar: North Review profile, Essays/Works/Letters counts, Recents
4. Three-column colophon: Essays / Works / Subscribe
INTERACTION
- None. No lift, no glow, no translate. Hierarchy is size and rules
TECHNICAL
- React, Tailwind CSS, restyle shadcn/ui — strip radius, shadows, and filled buttons. One homepage route.
DON'Ts
- No purple, violet, indigo, fuchsia. No Inter. No emoji icons
- No filled capsule CTA. No 2px hover lift. No soft card shadows
- Do not output only a headline plus two empty grey cells
MOTION
- Deliberately restrained. Images fade in over 400ms. Body copy: no motion at all.
- Column and page transitions: 300ms ease-out translate.
- No parallax, no scroll-triggered reveals on the reading column.
- prefers-reduced-motion: no change; this style is already near-static.