Skip to content
Browse
Library

Browserbase. A single hot orange punctuating a near-monochrome field of oversized GT Planar headlines, soft pastel card surfaces, and tiny mono metadata.

  • Developer tools
  • Light theme
  • 9 colors
  • 3 typefaces

Browserbase reads as a data-forward developer tool dressed in editorial broadsheet clothing: a near-monochrome canvas anchored by a single hot orange used purely for typographic emphasis, never for buttons. The interface stays quiet with black, white, and off-white surfaces, while cards and feature blocks introduce soft pastel tints — lavender-gray, sky blue, cream — to group content without resorting to shadows. Display headlines in GT Planar at large sizes sit alongside compact GT Standard Mono labels, creating the rhythm of a technical magazine: large confident statements punctuated by precise metadata. Filled black pill buttons carry the weight of every primary action; the orange is reserved for highlight boxes inside headlines and the footer band, making the brand color a punctuation mark rather than a navigational cue.

Visit browserbase.com
Screenshot of Browserbase
Captured from browserbase.com on October 11, 2026

Browserbase design system

Browserbase

Brand1

  • Orange outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color

Neutrals8

  • Primary text, filled action buttons, card borders, dividers — the structural spine of the entire interface

  • Muted body text, secondary borders — the only step down from pure black for de-emphasized content

  • Hero background tint, code-card surfaces, soft borders — a textured atmospheric wash

  • Code/terminal block backgrounds, inline highlight washes on body text, light badge fills

  • Feature card surfaces and section background tints — soft cool gray that groups content without weight

  • Subtle off-white for logo strip cards, secondary panel backgrounds, alternating section tint

  • Warm pale tint for secondary card surfaces and badge backgrounds — adds warmth without chroma

  • Page canvas, card surfaces, button text on dark fills, icon fills on dark backgrounds

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Ink Black on Signal Orange

6.10 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.