Inspiration tag · 35 sites catalogued
Light First marketing pages
35 sites in our growing collection share the light first signal — Arc, Family, Luma, and 32 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
Arc
A consumer-tech landing that lets one saturated blue do the heavy lifting and still reads premium, not loud — cream canvas, electric-blue accent, Marlin Soft. Post-Chrome browser renaissance.
Full Page · light
Family
Apple-tier industrial-design discipline pointed at a crypto wallet — rare elegance in a category that usually looks like a spreadsheet in neon. Beige canvas, app-green accent, pillowy surfaces, zero gradients.
Full Page · light
Luma
The rare AI-media landing that resists dressing its chrome in the product's darkness — white gallery-wall canvas, Graphik + PP Editorial serif, monochrome. The editorial face of Dream Machine.
Full Page · light
Lovable
The rare AI app-builder landing that looks crafted by a product team rather than generated by one — exactly the promise it sells. Blue + violet accent, signature rainbow gradient, Camera Plain. Prompt to full-stack app.
Full Page · light
PostHog
A brand that decided the B2B SaaS marketing rulebook was written by people it never wanted as customers — orange-red signature, multi-colour brand system, Squeak font. Anti-corporate product analytics.
Full Page · light
Warp
A developer-tool landing that feels compiled from the same source as the product — light surface, lilac accent, Azeret Mono. A Rust-built, AI-native terminal.
Full Page · both
Brex
A rare fintech landing carrying corporate authority without a single gradient — Flecha serif display, warm-orange accent, zero-gradient discipline. Balance-sheet trust as an aesthetic.
Full Page · both
Ramp
A finance product that treats confidence as design discipline, not marketing tone — solar-lime CTA, smolder-green dark sections, TWK Lausanne. Brex's bolder rival.
Full Page · light
Sierra
Enterprise AI that refuses to shout — ivory light-first, a single forest-green accent, hairline-over-shadow discipline, GT America. Quiet-luxury B2B.
Full Page · light
Anthropic
Warm, serif-forward minimalism that makes an AI research lab read like a well-edited academic press — clay accent, cream canvas, GSAP scroll-reveal.
Full Page · light
Tailwind CSS
The utility-first framework explaining itself in its own grammar — high contrast, demo-scoped accent, its own type scale. Marketing and design system as a single artifact.
Full Page · light
Cal.com
Open-source scheduling that refuses to look open-source — Cal Sans display, ink-on-paper minimalism, classic-blue link. A Calendly alternative with the source in your hands.
Full Page · light
Mintlify
Modern dev-docs platform that carries a brand without raising its voice — warm-paper canvas, emerald lab-indicator accent, Inter + Arizona Flare serif + Paper Mono.
Full Page · light
TradingView
Financial-charting platform'ın data-density system-font pragmatism'i — -apple-system throughout, classic-web #0000ee blue CTA, market-state semantic colours (red/green/orange). Zero motion library.
Full Page · light
Realm
Home-services platform'ın architectural editorial restraint'i — warm cream canvas, deep forest green #1a322e text-signature, Inter body + Roobert display duet, GSAP motion, zero gradients.
Full Page · light
Dub
Open-source link-management'ın Linear-school editorial discipline'i — Inter throughout, hairline-bordered plates, semantic blue/purple/green accents per feature category. Premium dev-tool marketing.
Full Page · light
Cloudflare
Open-web infra'nın enterprise eyaleti — cream-white canvas, FT Kunst Grotesk + Apercu Mono Pro duet, scarce orange brand accent, hairline-bordered editorial plates. Premium grotesque on cream.
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.