Inspiration tag · 10 sites catalogued
Dark First marketing pages
10 sites in our growing collection share the dark first signal — Liveblocks, Hex, Cursor, and 7 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
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.