Typography
scale ratio 1.320- Wired Displaycss: WiredDisplaydisplay40049%
- Apercuother400 70024%
- Breve Textbody40013%
- WIRED Monomono400 7009%
- Proxima Novaui4004%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Wired Display | 64px | 400 | 0.93 | -0.008em |
| headline | Apercu | 17px | 700 | 1.294 | -0.006em |
| title | Apercu | 20px | 700 | 1.2 | 0em |
| body | Breve Text | 16px | 400 | 1.5 | 0.006em |
| body-sm | WIRED Mono | 12px | 400 | 1.333 | 0.092em |
| label | Proxima Nova | 12px | 400 | 1.333 | 0em |
Type scale
Aa10Aa11Aa12Aa13Aa14Aa16Aa17Aa20Aa26Aa58Aa64
- Body size
- 16px / 1.5
- Display size
- 64px
- Display tracking
- -0.008em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 17.40:1
- Dark mode
- none
Declared accent tokens
- --color-icon-accent#057DBCnot on page
- --color-surface-navigation-feature-brand#057DBCnot on page
Space, shape & depth
Spacing scale (base 8px)
- 4
- 8
- 12
- 14
- 16
- 24
- 32
- 64
Corner radii
4pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 62px
Layout & motion
- Container
- 1312px
- Grid columns
- 12
- Hero
- centered
- Navigation
- top-fixed
- Page height
- 8,750px
- Easing
- ease-in-out
- Durations
- 100ms 200ms 1000ms
- Transitions
- 183
- Keyframes
- 0
- Stack
- react, google-tag-manager, cloudflare, cloudfront
Page sections (6)
section labels are heuristic
01heroChina’s Nvidia Honeypot Isn’t Surprising. Jensen Huang Fell for It Anyway
02features?Reviews
03features?‘Our Risk, Their Reward’: Zohran Mamdani on AI and Data Centers
04features?Special Editions
05cta?Videos
06footer
How WIRED compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 64px: larger than 56% of indexed sites (median 60px).
- Type scale
- 1.32×: steeper than 59% of indexed sites (median 1.28×).
- Container
- 1312px: wider than 73% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 8,750px: longer than 54% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Wired Display
- The only site in the index that loads Wired Display.
- Apercu
- One of 3 indexed sites that load Apercu (1%).
- 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 WIRED use?
WIRED uses Wired Display (loaded as "WiredDisplay") for headings. Apercu is used for other. Breve Text is used for body text.
What are WIRED's brand colors?
WIRED's website uses a light scheme: background #FFFFFF, surface #F3F3F3, text #000000, muted text #1A1A1A and borders #000000.
How is WIRED's website laid out?
The most common corner radius is 0px, body text is 16px with 1.5 line height, and the page container is 1312px wide.
