Typography
scale ratio 1.597- Plaincss: plainbody400 50047%
- GT Planarcss: gtPlanardisplay400 50043%
- GT Standard Monocss: gtStandardMonomono400 5009%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | GT Planar | 103.97px | 500 | 1.1 | 0em |
| title | Plain | 16px | 500 | 1.2 | 0.015em |
| body | Plain | 16px | 400 | 1.2 | 0.01em |
| body-sm | GT Standard Mono | 14px | 500 | 1.2 | 0.06em |
Type scale
Aa14Aa16Aa20Aa36Aa45Aa104
- Body size
- 16px / 1.2
- Display size
- 103.97px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 5.79:1
- Accent on bg
- 21.00:1
- Dark mode
- none
Declared accent tokens
- --color-brand#FF4500painted
- --color-primary-navy#0000CDpainted
- --color-primary-gold#CB9915not on page
- --color-primary-pink#FFC0CBpainted
Space, shape & depth
Spacing scale
- 3
- 4
- 4.5
- 5
- 6
- 8
- 10
- 14
- 16
- 18
- 20
- 24
- 32
- 40
Corner radii
12pill
Shadows (2)
- Borders
- hairline, 1px
- Section padding
- 78px
Components
exact computed valuesbutton-primary
Get a demo
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 14px 18px
- height
- 39.4px
- fontFamily
- Plain
- fontSize
- 16px
- fontWeight
- 500
Layout & motion
- Container
- 1280px
- Grid columns
- 12
- Hero
- centered-over-media
- Navigation
- top-sticky
- Page height
- 7,426px
- Easing
- ease-in-out
- Durations
- 100ms 190ms 200ms 300ms
- Transitions
- 103
- Keyframes
- 0
- Stack
- next.js, sanity, hubspot, posthog, google-tag-manager, vercel
Page sections (10)
section labels are heuristic
01nav
02features?
03heroGive your agents access to the whole web.
04logos
05testimonialsSee what on the web. agents can do
06features?API. an it’s like web whole the Use
07features?Anything in a browser, your agent can too. you can do
08features?Zero setup. Real results.
09features?100% of the web at . production scale
10footerCompany
How Browserbase compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 104px: larger than 94% of indexed sites (median 60px).
- Type scale
- 1.60×: steeper than 93% of indexed sites (median 1.28×).
- Container
- 1280px: wider than 55% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 7,426px: shorter than 58% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Plain
- One of 2 indexed sites that load Plain (1%).
- GT Planar
- One of 3 indexed sites that load GT Planar (1%).
- Color scheme
- Light by default, like 75% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Browserbase use?
Browserbase uses Plain (loaded as "plain") for body text. GT Planar (loaded as "gtPlanar") is used for headings. GT Standard Mono (loaded as "gtStandardMono") is used for code.
What are Browserbase's brand colors?
Browserbase's website uses a light scheme: background #FFFFFF, surface #C5D3E8, text #000000, muted text #686562 and borders #C5D3E8.
How is Browserbase's website laid out?
The most common corner radius is 0px, body text is 16px with 1.2 line height, and the page container is 1280px wide.
