Skip to main content

Inspiration tag · 12 sites catalogued

Developer Tools marketing pages

12 sites in our growing collection share the developer tools signal — Clerk, Liveblocks, Convex, and 9 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.

Clerk Full Page

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.

Liveblocks Full Page

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.

Convex Full Page

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.

Hex Full Page

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.

Cursor Full Page

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'ı.

Neon Full Page

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.

Antimetal Full Page

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.

Obsidian OS Full Page

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.

ReadMe Full Page

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.

V7 Labs Full Page

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.

ToDesktop Full Page

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.

Resend Full 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.

Back to full gallery

AI2 Design counts anonymous traffic always — no cookies, no identifiers, no fingerprinting. For optional session insights (PostHog, EU region) — page funnel, performance — turn on opt-in analytics below. Cookie policy.