Typography
scale ratio 1.679- Clarendon BTWXXcss: ClarendonBTWXX-Lightdisplay300 40084%
- NB Internationalproregularcss: nb_internationalproregularbody40012%
- NB Internationalprolightcss: nb_internationalprolightother4004%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Clarendon BTWXX | 80px | 300 | 0.8 | 0em |
| title | Clarendon BTWXX | 23px | 300 | 1.19 | 0em |
| body | NB Internationalprolight | 19px | 400 | 1.39 | 0em |
| body-sm | NB Internationalproregular | 14px | 400 | 1.57 | 0em |
Type scale
Aa13Aa14Aa15Aa18Aa19Aa23Aa80Aa90
- Body size
- 19px / 1.39
- Display size
- 80px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- undefined:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 5px)
- 7
- 9
- 10
- 15
- 30
- 40
- 47
- 50
- 60
- 70.5
- 100
Corner radii
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- n/a
Layout & motion
- Container
- 1299px
- Grid columns
- n/a
- Hero
- centered-over-media
- Navigation
- none-detected
- Page height
- 10,937px
- Easing
- ease
- Durations
- 1000ms
- Transitions
- 1
- Keyframes
- 0
- Stack
- gsap, lenis, contentful, cloudflare
Page sections (2)
section labels are heuristic
02feature detail?A booster rocket for digital product teams
How Hello Monday compares
- Body text
- 19px: larger than 88% of indexed sites (median 16px).
- Largest heading
- 80px: larger than 80% of indexed sites (median 60px).
- Type scale
- 1.68×: steeper than 95% of indexed sites (median 1.28×).
- Container
- 1299px: wider than 70% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 10,937px: longer than 74% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Clarendon BTWXX
- The only site in the index that loads Clarendon BTWXX.
- NB Internationalproregular
- The only site in the index that loads NB Internationalproregular.
- 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 Hello Monday use?
Hello Monday uses Clarendon BTWXX (loaded as "ClarendonBTWXX-Light") for headings. NB Internationalproregular (loaded as "nb_internationalproregular") is used for body text. NB Internationalprolight (loaded as "nb_internationalprolight") is used for other.
What are Hello Monday's brand colors?
Hello Monday's website uses a light scheme: background #FFFFFF, surface #F8F6F5, text #000000 and borders #FFFFFF.
How is Hello Monday's website laid out?
The most common corner radius is 0px, body text is 19px with 1.39 line height, and the page container is 1299px wide.
