Inspiration tag · 5 sites catalogued
Editorial marketing pages
5 sites in our growing collection share the editorial signal — Interfere, Chronicle, Notion, and 2 more. Each catalogued page carries a paste-ready 24-field design brief — palette, typography, spacing, motion — that an AI agent can drop into Claude, Cursor, or v0.
Full Page · light
Interfere
Dark-first editorial-typography canvas for the AI experimentation platform. Six-font museum — Inter + Berkeley Mono + Heldane Text + Redaction + Departure Mono — each one assigned exactly one register. Six-accent spectrum (yellow, green, blue, pink, purple, royal blue) breaks up the dark like a tasting menu. Twelve atmospheric Framer Motion gradients hold ambient depth without ever becoming fills.
Full Page · both
Chronicle
Dark-first motion-driven presentation tool landing — Diatype as the sole sans family across 12 typographic moments, classic web blue #0000ee as the only accent, GSAP-choreographed section reveals and Lottie product UI demos turning the page itself into a keynote build. Restraint plus motion as primary copy.
Full Page · both
Notion
The productivity-tool landing that treats the interface itself as the product — every surface feels like a well-crafted page in a well-crafted notebook. Notion carries paper-feel warmth on a warm off-white canvas, pairs a commissioned optical sans (NotionInter) with a serif (Lyon Text), a monospace (iA Writer Mono), and a sticker font (Permanent Marker), then cascades 4-5 soft shadow layers at sub-5% opacity to simulate ink on real paper. Rainbow accents are semantic vocabulary — link blue, editorial orange, citation brown — each tied to a specific content role.
Full Page · light
GitBook
The docs-platform landing that reads like a published field manual — warm stone palette, pure black ink, zero gradients, and a single sharp orange accent used like a highlighter margin note. GitBook demonstrates a rare 2026 discipline: three typographic voices from three different foundries (General Sans Variable for display, Inter for body, Geist Mono for code), each holding a strict register, paired with a radically minimal elevation grammar — only three drop shadows, all soft. Preserved native #0000ee hyperlink blue signals editorial credibility from the OSS docs-tooling cohort.
Full Page · light
Lightdash
The open-source BI landing that earns the attention of both engineering leads and design-minded PMs — a page that reads like well-typeset documentation wrapped around a dashboard. Lightdash commits to three unfashionable choices at once: pure black primary ink against an off-white canvas, a small-foundry display face (Britti Sans Variable) paired with Inter Variable as the only typographic voices, and the preserved native #0000ee hyperlink blue as an editorial credibility signal. Elevation runs on a multi-layer soft shadow grammar (up to four stacked layers) that makes cards feel printed rather than floated.