Typography
- Haasbody400100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Haas | 20px | 400 | 1 | 0em |
Type scale
Aa20
- Body size
- n/a
- Display size
- 20px
- Display tracking
- 0em
- Case
- mixed
Color
dark 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)
- 5
- 10
- 15
Corner radii
Shadows (0)
none
- Borders
- none
- Section padding
- n/a
Layout & motion
- Container
- n/a
- Grid columns
- n/a
- Hero
- unknown
- Navigation
- top-fixed+transparent
- Page height
- 12,600px
- Easing
- linear
- Durations
- 200ms
- Transitions
- 7
- Keyframes
- 0
- Stack
- gsap, lenis, google-tag-manager
Page sections (2)
01nav
02hero
How Studio Dumbar compares
- Largest heading
- 20px: smaller than 94% of indexed sites (median 60px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 12,600px: longer than 85% of indexed sites (median 8,217px).
- Haas
- One of 2 indexed sites that load Haas (1%).
- Color scheme
- Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Studio Dumbar use?
Studio Dumbar uses Haas for body text.
What are Studio Dumbar's brand colors?
Studio Dumbar's website uses a dark scheme: background #000000, text #FFFFFF.
How is Studio Dumbar's website laid out?
The most common corner radius is nullpx, body text is nullpx with null line height, and the page container is nullpx wide.
