Give your agents access to the whole web.

Browserbase makes the web as reliable and programmable as APIs

Get API key ›Setup for agents
Products

A named palette per product

Director

Automate any workflow

Natural-language browser automation.

Stagehand

AI browser framework

Act, extract and observe on the page.

Search API

Search, rendered

Real browsers behind one API call.

sessions · live
director-run-4821running
stagehand-extractcomplete
search-api-9f2aqueued
Controls

Buttons & fields

Get API key Setup for agents Template Docs Disabled
Get API key Setup for agents Template ← hover state
bb_live_api_key bb_live_api_key ← focus ring (.btn--*:focus-visible present on real site)

Primary CTAs are full 99px pills (black fill, white text, hover to #333132); secondaries fill pale-blue #e1e9f2; tag/template chips are square (0px) with a hard 1px #000000 border. Structure is black hairlines, not shadows.

Typography

plain, at weight 500

Display · GT Planar · 45/51.75 · 500 · -0.9pxGive your agents access
Body · plain · 20/23.2 · 500 · +0.4pxThe web, as reliable and programmable as APIs.
Sub / h3 · plain · 16/19.2 · 500 · +0.24pxSearch API
Nav · plain · 16/16 · 500 · +0.16pxPlatform · Solutions · Docs
Mono label · GT Standard Mono · 16 · 400GET /v1/sessions
Palette

Black-on-white, plus a named product set

Text & neutrals
warm-grey#686562
grey-900#1a1a1a
grey-600#5f5f5f
grey-400#a9a9a9
grey-200#e5e5e5
grey-50#f8f8f8
Surfaces
off-white#f1f0ec
paper#f8f7f4
pale-blue#e2e9f3
pale-blue2#e1e9f2
sky#c4edff
primary-gray#c5d3e8
pale-yellow#fffde6
Accents (chrome)
orange#ff5e19
bb-red#ff4500
selection-red#ff2f00
pale-red#ffeae3
blue#5956ff
Named product palette
director-blue#00b0ff
stagehand-green#00c851
yellow#fffacd
gold#cb9915
pink#ffc0cb
magenta#ff00ff
lime#c4d600
navy#0000cd
Depth & motion

Bordered, not shadowed

0px chip
4px card
99px pill
999px
flat — 1px #000000
#c5d3e8 0 -1px 0 inset

Motion is snappy cubic-bezier(0.3,0,0.15,1): color 0.3s ease-in-out, background 0.1s, transform 0.2s, and even border-radius animating (0.3s). Keyframes are fade / slide reveals + a word-split easing. Depth is hard black borders and one pale-blue inset rule – no drop shadows, no gradients; the hero landscape is a 2D canvas. Ships 3 reduced-motion blocks.