Skip to main content

Inspiration tag · 22 sites catalogued

Developer Tools marketing pages

22 sites in our growing collection share the developer tools signal — Railway, PostHog, Warp, and 19 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.

Railway Full Page

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.

PostHog Full Page

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.

Warp Full Page

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.

Modal Full Page

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.

Mintlify Full Page

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.

Supabase Full Page

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.

Dub Full Page

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.

PromptWatch Full Page

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.

Cloudflare Full Page

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.

Replit Full Page

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.

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.