Inspiration tag · 18 sites catalogued
Light First marketing pages
18 sites in our growing collection share the light first signal — Granola, Clerk, Convex, and 15 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
Granola
AI meeting notes'un editorial-notebook warmth çalışması — #e3e3e3 warm hairline lattice, custom Melange typeface, editorial blue #1d9bf0 hyperlink semantic. AI surveillance kaygısına karşı 'handmade journalist tool' positioning.
Full Page · light
Clerk
Authentication-infrastructure'ın hairline-grid structural confidence'ı — #d9d9de soft border lattice primary structural element, Geist Variable + Suisse Intl premium typography, Sōehne Mono code-grade, custom 450ms cubic-bezier signature easings. Beautifully constructed legal-document precision.
Full Page · light
Convex
Reactive backend-as-a-service'in editorial white discipline'ı — pure #ffffff ground, GT America 400/500 typographic identity, pink #fc618d + lilac #948ae3 dual chromatic accents. Backend tooling'in 'developer brutalism' ile 'enterprise gloss' arasında üçüncü yol.
Full Page · light
Mistral
French AI lab'in parchment-cream confidence'ı — #fffaeb warm ground dominant, #fa520f orange brand anchor scarce kullanım, Arial system font discipline. Silicon Valley AI marketing playbook'una karşı European editorial counter-position.
Full Page · light
Panxo
Dark-first modern-fintech landing that inherits from the post-Vercel cohort rather than from the Stripe/Klarna lineage. Inter + Mona Sans duet, four-accent system anchored by classic web blue #0000ee as deliberate cultural reference, twelve Framer Motion atmospheric gradients holding depth. Sharper than Plasticity's calm subtlety, less choreographed than Chronicle's keynote.
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 · light
Semrush
Light-first enterprise-marketing canvas for the SEO platform — wide 1440px hero confidence, custom Lazzer display family for marketing voice, Inter for dense data tables, corporate blue and lavender as a two-accent system. Pastel surface variants zone sections without committing to colour-fills. Confident enterprise that refuses startup minimalism.
Full Page · light
Antimetal
Dark-marketing AWS cost optimization — single gradient hero, big metric-as-typography for savings figures, near-monochrome feature scroll, product screenshot proof over testimonial quotes. Antimetal breaks the beige B2B convention of its category and lets calm clarity carry the page.
Full Page · light
xAI
Pure-black foundation-model marketing — single sans-serif family, zero illustration, near-zero motion. xAI sells confidence through absence and proves that a category-leading AI company can afford to say nothing more than what it has to say. The taste is in what isn't shown.
Full Page · light
ElevenLabs
Cinematic dark-canvas AI-voice marketing — purple-gradient hero with near-monochrome scroll body, waveform motif as both decoration and live product demo, and theatrical 3-5 second opening animation that proves voice expressiveness. The page is a trailer; everything downstream earns its calmer pacing.
Full Page · light
Obsidian OS
Glass-surface near-monochrome OS-aspirational marketing — dark canvas with translucent panels, restrained warm-neutral accent, generous serif display moments paired with sans body, and slow deliberate motion that mirrors macOS-style spring physics. Refinement is the brand promise.
Full Page · light
ReadMe
Warm-purple developer-marketing for API documentation — humanist sans with monospace accents, bespoke illustrated character moments, story-led comic-strip scroll pacing, and the light-canvas + dark-code-inset pattern that proves the product mode without committing the page to dark mode.
Full Page · light
Zendesk
Warmth-led enterprise customer service marketing — cream canvas with soft sage accents, illustrated trust signals, and editorial scroll pacing that signals heritage without resorting to cold corporate blue. Zendesk pairs a humanist sans with occasional serif moments and lets gentle ease-out motion carry section reveals; every chapter has its own background tonality.
Full Page · light
Maze
The user-research platform that decided its homepage should read like the publication it serves rather than the dashboard it sells. Maze runs a custom Phonic neo-grotesque at weight 300 across the entire display tier on a near-pure-white canvas, anchors a scroll-pinned three-state hero composition, and lets a single semantic accent green appear as a printer's mark — never as a CTA fill. Linear-eased opacity transitions and a non-Tailwind spacing scale (with 22 and 26 px increments tuned for Phonic's x-height) signal an editorial-research register where most B2B SaaS marketing settles for stock-photo enterprise tone.
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.
Full Page · light
Contra
The creator-marketplace landing that reads like a well-designed magazine wrapped around a billboard. Contra pulls off the rare tension of slate-ink enterprise discipline with a vivid spot palette that only appears when the page actually wants you to feel something. Two variable fonts carry the entire personality — GT Standard Variable for product UI, Source Serif 4 Variable for editorial moments — sharing the page without a single decorative flourish. Asymmetric double-layer shadows and ambient glow callouts give the layout two elevation registers for two emotional tones.
Full Page · light
Stripe
The craft standard that taught an entire category to care about design. Stripe compresses more disciplined ambition into a single scroll than any other fintech landing — a custom type family, a signature gradient trio, and a shadow ritual that makes every card feel lifted off the page.