Typography
scale ratio 1.136- Mulishdisplay + body400 600 700 80099%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Mulish | 36px | 800 | 1.15 | 0em |
| title | Mulish | 32px | 800 | 1.15 | 0em |
| body | Mulish | 19px | 400 | 1.55 | 0em |
| body-sm | Mulish | 18px | 600 | 1.333 | 0em |
| label | Mulish | 17px | 700 | 2.965 | 0em |
Type scale
Aa15Aa17Aa18Aa19Aa20Aa23Aa26Aa32Aa36
- Body size
- 19px / 1.4
- Display size
- 36px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 18.58:1
- Muted on bg
- 12.63:1
- Accent on bg
- 2.14:1
- Dark mode
- none
Declared accent tokens
- --ghost-accent-color#EA7600not on page
- --color-primary#FF9900painted
Space, shape & depth
Spacing scale
- 6
- 10
- 18
- 19
- 20
- 25
- 26
- 30
- 36
- 42
- 45
- 54
- 57.5
- 62.5
Corner radii
56
Shadows (2)
- Borders
- hairline, 1px
- Section padding
- 126px
Components
exact computed valuesbutton-primary
Become a subscriber
- backgroundColor
- #FF9900
- textColor
- #FFFFFF
- rounded
- 5px
- padding
- 0px 25px
- height
- 50.4px
- fontFamily
- Mulish
- fontSize
- 17px
- fontWeight
- 700
- shadow
- rgba(0, 0, 0, 0.06) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 6px 0px, rgba(0, 0, 0, 0.05) 0px 2px 12px -6px
Layout & motion
- Container
- 1200px
- Grid columns
- 3
- Hero
- split
- Navigation
- none-detected
- Page height
- 2,902px
- Easing
- ease
- Durations
- 300ms 400ms
- Transitions
- 6
- Keyframes
- 1
- Stack
- react, google-tag-manager, fastly
Page sections (4)
01heroThe Browser Newsletter
02testimonialsOur recommendations
03feature detailWho We Are
04footer
How The Browser compares
- Body text
- 19px: larger than 88% of indexed sites (median 16px).
- Largest heading
- 36px: smaller than 82% of indexed sites (median 60px).
- Type scale
- 1.14×: flatter than 99% of indexed sites (median 1.28×).
- Container
- 1200px: narrower than 57% of indexed sites (median 1242px).
- Text contrast
- 18.6:1: higher than 60% of indexed sites (median 17.6:1).
- Page length
- 2,902px: shorter than 87% of indexed sites (median 8,217px).
- Corner radius
- Mostly 5px, shared by 2 of 274 indexed sites (1%).
- Mulish
- The only site in the index that loads Mulish.
- 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 The Browser use?
The Browser uses Mulish for headings and body text.
What are The Browser's brand colors?
The Browser's website uses a light scheme: background #FFFFFF, surface #FDF7EC, text #131313, muted text #333333.
How is The Browser's website laid out?
The most common corner radius is 5px, body text is 19px with 1.4 line height, and the page container is 1200px wide.
