Inspiration tag · 7 sites catalogued
Light And Dark marketing pages
7 sites in our growing collection share the light and dark signal — Flora, Chronicle, V7 Labs, and 4 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 · both
Flora
Dark-first AI-creative landing that inherits the post-Vercel design language and applies it to a creative-tool audience. Geist Variable as the entire type stack, classic web blue #0000ee as the only functional accent, twelve Framer Motion atmospheric gradients holding ambient depth. Coherent technical confidence for a buyer who recognises Geist on sight.
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
V7 Labs
Technical light-canvas enterprise-AI marketing — sharp geometric sans, electric-blue accent reserved for decision moments, dark product-screenshot insets juxtaposed against the calm light surface. V7 sells ML infrastructure with the specificity of real annotation overlays and dataset metrics, not generic 'AI futuristic' visual cliches.
Full Page · both
ToDesktop
Web-to-native desktop app platform marketing site that inherits the Geist design system editorial vocabulary and re-tunes it for the web-to-desktop register. ToDesktop pairs Inter and Geist Mono on a hairline-bordered light canvas, uses signature Geist easing for micro-interactions, and reserves a dual orange-and-blue accent for CTAs only — closer to a Vercel docs preview than a runtime product page.
Full Page · both
Slash
Premium business-banking marketing site that earns prestige through dark monochrome restraint and a single bronze accent. Slash treats spend management UI as editorial — Inter alone across a 300/400/500/600 weight ladder, atmospheric multi-stop gradients drifting at single-digit opacities in place of hero illustration, and narrow 320-704 px container rails that read like editorial columns. The bronze accent family appears only inside ornamental flourishes and never as a CTA fill, signalling a private-banker register where most fintech competitors settle for chromatic dashboard sprawl.
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 · both
Vercel
The platform landing that doubles as the reference implementation of its own stack — Vercel treats marketing as a living engineering brief. A Geist family trinity (sans, mono, and five decorative pixel cuts) carries the entire typographic personality. Accents come from a Radix-derived semantic palette used like confidence indicators rather than decoration. Elevation runs on a ring-plus-inset shadow grammar that makes every card feel printed. Gradients appear only as 50%-stop solid-colour dot-fill pattern backgrounds, and 96 CSS custom properties are exposed in the cascade as a public token surface.