The editorial atelier identity, on one page.
The fonts, sizes, colours, and editorial conventions that run across 140+ pages of Grid Maker Pro. Newsreader serif display + Inter body + a single warm orange — restrained enough to disappear into the work, characterful enough to be recognisable two clicks away from any tool surface.
Two faces, one voice.
Newsreader for display — a transitional serif drawn by Production Type for screen reading. Inter for body, used at 400 / 500 / 600 weights. JetBrains Mono only for code samples and accent labels.
Eighty-two grids, one promise.
How the figure is constructed.
Section heading at clamp(1.8rem, 3vw, 2.2rem)
A composition overlay is a measured grid or geometric guide drawn on top of an image to help an artist or photographer place subjects in visually compelling positions.
The classical canon since the Renaissance, available as live overlays for free. The eight composition systems that photographers, painters, and designers actually use, layered on any reference image you load.
Body small · .88rem / 1.6 · used for marginalia and captions.
Italic Newsreader is reserved for pull quotes, ledes beneath section headings, marginalia eyebrows, and "Notes from the studio" interstitials. It's the page's voice when the page is speaking, not just labelling.
Tier-S tool · Golden ratio
A single warm orange.
Every page across the catalogue uses the same warm orange, hardcoded to defeat OS dark-mode inversion. No secondary accent. The restraint is the point.
The magazine, made tangible.
Recurring devices that signal a Grid Maker Pro surface at a glance.
Hand-traced 124×6 SVG curve drawn beneath every H1 and every chapter-head H2.
48px draftsman grid at 4% opacity, radial-masked at the hero. Adds depth without competing with the content.
How working artists actually use the golden ratio.
Generous cadence, never crowded.
Editorial pages get clamp(80px, 9vw, 128px) top/bottom; hero gets clamp(96px, 12vw, 168px). Closing CTA stripes get clamp(80px, 11vw, 144px).
The whole catalogue, in this voice.
Apply the design system across 140 pages, audit it, repeat. The free 82-overlay browser tool sits behind it.
Open Grid Maker Pro →