Browserbase

A developer-infrastructure marketing surface built on white canvas with pure-black UI and a single high-voltage orange (#ff4500) brand accent. The system reads as engineered, slightly playful and confidently technical — pale-blue hero band, dithered pixel-art mountain artwork, square-cornered product cards holding real browser/agent UI fragments, GT Planar display type, mono uppercase eyebrow labels, and a full-bleed orange footer that slams the page shut. Voltage comes from the orange highlight-marker headline treatment and from pastel accent surfaces (cyan, mint, indigo) used sparingly inside product mockups.

browserbase.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display 45px · 500 · 1.15

The quick brown fox jumps

title 16px · 500 · 1.2

The quick brown fox jumps

mono-label 14px · 400 · 1.2

The quick brown fox jumps

body 20px · 500 · 1.16

The quick brown fox jumps

button 16px · 500 · 1.0

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xtiny	6px
xs	8px
s	10px
sm	12px
md	16px
lg	24px
xl	32px
xxl	48px

Border Radius

Name	Value	Preview
none	0px
xs	4px
pill	99px
full	999px

FAQ

What colors does Browserbase use?: Browserbase's core palette includes #000000, #000000, #444444, #686562, #ffffff. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Browserbase DESIGN.md.
What font does Browserbase use?: Browserbase's primary typeface is gtPlanar. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Browserbase design system?: A developer-infrastructure marketing surface built on white canvas with pure-black UI and a single high-voltage orange (#ff4500) brand accent. The system reads as engineered, slightly playful and con…

More like this

↓ .md ↓ All files

loading…