Inspiration tag · 21 sites catalogued
Dark First marketing pages
21 sites in our growing collection share the dark first signal — Runway, Railway, Plain, and 18 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 · dark
Runway
An AI-tool landing that behaves like a film festival rather than a feature list — achromatic chrome (colour belongs to the imagery), Times Now serif + grotesque, cinematic 16:9 stills. Generative video, the artist's side.
Full Page · dark
Railway
A deploy/infra landing that feels like the product's render pipeline rather than a brochure — deep purple ground, magenta-violet gradients, IBM Plex Serif + Inter. Infra as canvas.
Full Page · dark
Plain
Restraint as a reaction to every bad support tool — teal accent, dark-green canvas, ABC Favorit + Geist Mono. Customer support in Linear's discipline.
Full Page · dark
Mercury
The calmest banking interface in fintech — a lavender accent that sells trust the way a private bank sells discretion, soft-shadow layers, Arcadia. Neighbour to Revolut Business.
Full Page · dark
Modal
Serverless AI-compute marketing surface as composed as the runtime it ships — black canvas, acid-green accent, rich gradient glow. Infra as conviction.
Full Page · dark
Supabase
Open-source Postgres platform with developer-warm confidence — pure dark ground, accent-only brand green, Circular + Source Code Pro. Technical depth behind a welcoming front door.
Full Page · dark
Revolut Business
Revolut B2B sibling — Aeonik Pro 32px compressed display + Inter body + Arial for technical tables, single indigo blue accent. Bloomberg-tier business publication aesthetic.
Full Page · dark
Wispr Flow
Voice-AI productivity'nin electric yellow editorial commitment'i — #ffff00 structural signal, Figtree + EB Garamond grotesque+serif tension, GSAP + Rive premium motion stack.
Full Page · dark
Comet
Perplexity'nin AI browser ürün sayfası — cinematic dark canvas, dramatic display typography, scroll-orchestrated reveals, single product surface as protagonist. Film trailer marketing.
Full Page · dark
PromptWatch
Agent-observability platform'ın chromatic-theatre dark canvas'i — ui-sans-serif body + AeonikPro Thin display + Geist Mono code, multi-accent rotation (red/cyan/blue/coral). Indie-velocity ethos.
Full Page · dark
Replit
AI-IDE landing'in warm-craft confidence'i — pure #000000 ground, ABC Diatype premium grotesque, cream-pink hairline borders + scarce orange accent. Developer warmth as primary signal.
Full Page · dark
Liveblocks
Realtime collaboration infrastructure'ın chromatic-theatre çalışması — pure #000000 stage, Suisse Intl premium grotesque, multi-accent rotation (purple #bf7af0, mint #6cefce, blue #0090ff, pink #f76e99) compositional disiplinle. Berghain flyer for developer infra.
Full Page · dark
Hex
Data-analytics notebook platformunun editorial-magazine yaklaşımı — IBM Plex Sans + Plex Mono spine, Cinetype display foil, viridis colourmap ramp accents (#5ec962 lime, #addc30 chartreuse, #fde725 yellow). Data scientists'in kendi araçlarında trust ettiği typography'ye peer signal.
Full Page · dark
Cursor
AI IDE marketing page'in dramatic restraint çalışması — near-empty hero canvas, monospace-influenced typography, tek hero screenshot. AI gold rush'ın gradient-and-particle çağında confidence-by-absence playbook'unun lodestar'ı.
Full Page · dark
Neon
Section-zoned developer-database landing that turns its brand colour into the design statement. Petrol-green #2c6d4c drenches entire sections as ground (not accent), Geist Mono carries code-voice authority, Inter handles marketing copy. Wide 1856px canvas, zero shadow system — depth lives in section colour contrast.
Full Page · dark
Plasticity
Light-first 3D modelling tool landing that refuses the render-reel-above-fold cliché. Triple-font system — Matter + auxMono + fkGrotesk — assigns each family one register. Four-stop rainbow accent (lime, cyan, magenta, amber) appears only as solid emphasis, never as fill. Narrow 896px canvas, zero gradients, subtle motion — the page is the pause before opening the tool.
Full Page · dark
Frame
Dark-first cinema-tooling landing for the Adobe-acquired video collaboration platform. FrameGothic carries the entire brand voice in three weights; a single cobalt accent appears only where the page wants you to click. Restraint as identity — the product UI screenshots are the spectacle, the page is the calm before the cut.
Full Page · dark
Blackalgo
Dark-first SaaS marketing site that treats its design system as the product. Blackalgo builds on a Radix-style alpha-scale token foundation (12-step accents + 5-tier text + 4-tier border) and pairs TWK Lausanne with GeistMono on a near-black canvas, reserving a dual coral-and-mint accent for pivot signals only — closer to a public design system tour than a product page.
Full Page · dark
Resend
The transactional-email API that decided developer-tool marketing deserves the editorial register usually reserved for fashion and finance. Resend pairs a Domaine serif display tier with Inter body and Commit Mono code over a pure-black canvas, then layers atmospheric IMG glow tiles behind a strict typographic grid — a triple-font discipline that reads pragmatic enough to be documentation, refined enough to be a manifesto. A five-voice neon accent palette (signature green #44ffa4 plus pastel yellow, coral, bright blue, amber) acts as printer's marks across an otherwise restrained surface.
Full Page · dark
Spline
The 3D-tool landing that refuses to flatten itself into a screenshot — pure #000 canvas, a three-family Spline Sans / Brockmann / Spline Sans Mono trinity, and a semantic rainbow of accent CSS variables used one tone at a time. Spline demonstrates a rare creative-tool discipline: zero shadow, zero gradient, a single 1px hairline carrying every layer distinction, all motion compressed into a 0.2s CSS transition with no library overhead. The spacing scale starts at 2px so embedded canvases and video loops can breathe without feeling airy.
Full Page · dark
Linear
The rarest kind of product marketing page — one that earns trust through restraint rather than spectacle. Linear's landing is the lodestar of the post-Jira developer-tool renaissance; this is the reference to keep open in the next tab while you build.