Typography
- Roboto Monomono400 500100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Roboto Mono | 18px | 500 | 1.333 | 0em |
| headline | Roboto Mono | 15px | 500 | 1.733 | 0em |
| label | Roboto Mono | 15px | 400 | 1.667 | 0em |
Type scale
Aa13.5Aa15Aa18
- Body size
- n/a
- Display size
- 18px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 9.74:1
- Muted on bg
- undefined:1
- Accent on bg
- 2.92:1
- Dark mode
- follows system
Space, shape & depth
Spacing scale
- 2
- 6
- 12
- 16
- 18
- 20
- 300
Corner radii
4pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- n/a
Layout & motion
- Container
- n/a
- Grid columns
- 6
- Hero
- unknown
- Navigation
- none-detected
- Page height
- 900px
- Easing
- ease
- Durations
- 150ms
- Transitions
- 264
- Keyframes
- 0
- Stack
- google-tag-manager, github-pages, fastly
Page sections (1)
01footer
How Three.js compares
- Largest heading
- 18px: smaller than 96% of indexed sites (median 60px).
- Text contrast
- 9.7:1: lower than 92% of indexed sites (median 17.6:1).
- Page length
- 900px: shorter than 93% of indexed sites (median 8,217px).
- Corner radius
- Mostly 4px, shared by 24 of 274 indexed sites (9%).
- Roboto Mono
- The only site in the index that loads Roboto Mono.
- Color scheme
- Light by default, like 75% of indexed sites. It is one of 49 sites (18%) that switch with the system dark mode setting.
In short
What font does Three.js use?
Three.js uses Roboto Mono for code.
What are Three.js's brand colors?
Three.js's website uses a light scheme: background #FFFFFF, text #444444.
How is Three.js's website laid out?
The most common corner radius is 4px, body text is nullpx with null line height, and the page container is nullpx wide.
