Typography
scale ratio 1.731- Unica77LLWebdisplay + body400 60098%
- Unica77Monomono4002%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Unica77LLWeb | 80px | 400 | 1 | 0em |
| headline | Unica77LLWeb | 48px | 400 | 1.1 | 0em |
| body | Unica77LLWeb | 18px | 400 | 1.556 | 0em |
| body-sm | Unica77LLWeb | 14px | 400 | 1.429 | 0em |
| mono | Unica77Mono | 12px | 400 | 1.2 | 0em |
Type scale
Aa12Aa14Aa16Aa18Aa24Aa32Aa48Aa80Aa280
- Body size
- 18px / 1.556
- Display size
- 80px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 14.85:1
- Muted on bg
- 12.14:1
- Accent on bg
- 14.85:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 8px)
- 4
- 6
- 8
- 12
- 13
- 14
- 16
- 24
- 32
- 40
- 48
- 64
- 80
Corner radii
248
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 64px
Components
exact computed valuesbutton-primary
- backgroundColor
- #222222
- textColor
- #FFFFFF
- rounded
- 4px
- padding
- 0px 0px
- height
- 32px
- fontFamily
- Unica77LLWeb
- fontSize
- 16px
- fontWeight
- 400
button-secondary
- textColor
- #222222
- rounded
- 4px
- padding
- 0px 0px
- height
- 48px
- fontFamily
- Unica77LLWeb
- fontSize
- 16px
- fontWeight
- 400
- border
- 1px solid #222222
card
- rounded
- 8px
- padding
- 0px
- backgroundColor
- #EEEEEE
Layout & motion
- Container
- 1199px
- Grid columns
- 12
- Hero
- left-over-media+media-below
- Navigation
- none-detected
- Page height
- 6,229px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 700ms
- Transitions
- 3
- Keyframes
- 1
- Stack
- next.js, tailwind, radix-ui, google-tag-manager, cloudflare
Page sections (5)
section labels are heuristic
01heroS6
02feature detail?Worry less. Ride more.
03feature detail?VanMoof App
04features?Live for the movement
05footerOur community #VANMOOF
How VanMoof compares
- Body text
- 18px: larger than 71% of indexed sites (median 16px).
- Largest heading
- 80px: larger than 80% of indexed sites (median 60px).
- Type scale
- 1.73×: steeper than 95% of indexed sites (median 1.28×).
- Container
- 1199px: narrower than 64% of indexed sites (median 1242px).
- Text contrast
- 14.8:1: lower than 77% of indexed sites (median 17.6:1).
- Page length
- 6,229px: shorter than 68% of indexed sites (median 8,217px).
- Corner radius
- Mostly 2px, shared by 10 of 274 indexed sites (4%).
- Unica77LLWeb
- The only site in the index that loads Unica77LLWeb.
- Unica77Mono
- The only site in the index that loads Unica77Mono.
- 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 VanMoof use?
VanMoof uses Unica77LLWeb for headings and body text. Unica77Mono is used for code.
What are VanMoof's brand colors?
VanMoof's website uses a light scheme: background #F7F7F7, surface #FFFFFF, text #222222, muted text #313131 and borders #222222.
How is VanMoof's website laid out?
The most common corner radius is 2px, body text is 18px with 1.556 line height, and the page container is 1199px wide.
