Typography
- Techno Typecss: TechnoTypedisplay400 70082%
- te-20body100 30018%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Techno Type | 39.67px | 700 | 1.111 | -0.022em |
Type scale
Aa9Aa19Aa19.5Aa39.5
- Body size
- n/a
- Display size
- 39.67px
- Display tracking
- -0.022em
- Case
- mixed
Color
dark schemePalette by painted area
- Text on bg
- 18.72:1
- Muted on bg
- undefined:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 14.5
- 22
- 33
- 66
Corner radii
Shadows (0)
none
- Borders
- none
- Section padding
- 37px
Layout & motion
- Container
- 1308px
- Grid columns
- 12
- Hero
- unknown
- Navigation
- top-static+transparent
- Page height
- 5,856px
- Easing
- ease
- Durations
- 150ms 200ms 500ms
- Transitions
- 4
- Keyframes
- 0
- Stack
- cloudfront
Page sections (4)
01nav
03content
04footer
How teenage engineering compares
- Largest heading
- 39.7px: smaller than 82% of indexed sites (median 60px).
- Container
- 1308px: wider than 73% of indexed sites (median 1242px).
- Text contrast
- 18.7:1: higher than 63% of indexed sites (median 17.6:1).
- Page length
- 5,856px: shorter than 74% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Techno Type
- The only site in the index that loads Techno Type.
- te-20
- The only site in the index that loads te-20.
- 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 teenage engineering use?
teenage engineering uses Techno Type (loaded as "TechnoType") for headings. te-20 is used for body text.
What are teenage engineering's brand colors?
teenage engineering's website uses a dark scheme: background #000000, text #F1F2F2.
How is teenage engineering's website laid out?
The most common corner radius is 0px, body text is nullpx with null line height, and the page container is 1308px wide.
