Command Palette

Search for a command to run...

All recipes
Recipe · editorial

Editorial Portfolio

Magazine-grade typography meets cinematic scroll.

For typographers, photographers, and writers. Serif-driven, generous margins, and tasteful motion that makes a body of work feel curated rather than catalogued.

Jump to preview
Headline

Editorial Portfolio — paper-grade type, theatrical scroll.

An unhurried composition: silent foundation in Next.js + Tailwind, Lenis pacing the scroll, GSAP cueing reveals to the rhythm of body copy rather than viewport breakpoints.

Visual impact85
Performance load46
Live previewtokens · type · motion
preview · atelier cream
Atelier Cream · Long Read

The page is the medium, not the message.

By Maren Holt8 min read

Type is not decoration. It's the chassis on which the rest of the page rides — the thing readers feel before they read a word. When it's right, the rest of the system can be quiet.

Editorial pages don't need more components. They need fewer, held longer. Generous margins, line lengths under sixty-five characters, vertical rhythm tied to the body cap-height. The page becomes a place to dwell, not scroll past.

Slow the scroll. The reader will reward you for it.
— From the studio brief
The stack

6 libraries, with intent

01
Next.jsframework

App Router, RSC, edge-ready

Why this Static export-friendly RSCs keep the page weight near zero so the typography breathes.

Impact
6/10
02

Utility-first styling

Why this Editorial layouts live in spacing tokens — Tailwind makes those tokens explicit and consistent.

Impact
6/10
03

Own your components

Why this Quiet, accessible chrome (button, dialog, sheet) that never competes with the writing.

Impact
7/10
04
Lenisscroll

Buttery smooth scrolling

Why this Buttery scroll inertia turns the page into a film strip rather than a stack of breakpoints.

Impact
7/10
05
GSAPmotion

Timeline-precise motion

Why this ScrollTrigger lets headlines, drop caps, and image plates enter on cue without feeling scripted.

Impact
9/10
06

Unstyled, accessible primitives

Why this Behind the editorial chrome, Radix guarantees keyboard and screen-reader behavior is correct.

Impact
5/10
Take it with youv0 · zip · stackblitz

The starter ships a Next.js app with the recipe's theme, fonts, and the libraries above already wired up.