Typography
scale ratio 1.208- Walforkbody400 500 60060%
- Feature Flat Displaycss: FeatureFlatDisplaydisplay70040%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Feature Flat Display | 36px | 700 | 1.111 | 0em |
| title | Feature Flat Display | 24px | 700 | 1.167 | 0em |
| body | Walfork | 14px | 400 | 1.429 | 0em |
| body-sm | Walfork | 12px | 400 | 1.333 | 0em |
| label | Walfork | 12px | 600 | 1.333 | 0.083em |
Type scale
Aa12Aa14Aa16Aa19Aa22Aa24Aa36
- Body size
- 14px / 1.429
- Display size
- 36px
- Display tracking
- 0em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 17.40:1
- Accent on bg
- 21.00:1
- Dark mode
- none
Declared accent tokens
- --color-surface-navigation-feature-brand#FF3530painted
Space, shape & depth
Spacing scale (base 8px)
- 4
- 6
- 8
- 10
- 12
- 16
- 20
- 24
- 32
- 64
Corner radii
18pill
Shadows (1)
- Borders
- regular, 2px
- Section padding
- 90px
Components
exact computed valuesbutton-primary
SUBSCRIBE
- backgroundColor
- #000000
- textColor
- #FFFFFF
- rounded
- 0px
- padding
- 16px 20px
- height
- 48px
- fontFamily
- Walfork
- fontSize
- 14px
- fontWeight
- 600
button-secondary
SUBSCRIBE
- backgroundColor
- #FF3530
- textColor
- #000000
- rounded
- 1px
- padding
- 4px 8px
- height
- 24px
- fontFamily
- Walfork
- fontSize
- 14px
- fontWeight
- 600
card
- rounded
- 8px
- padding
- 12px
- backgroundColor
- #FFFFFF
- border
- 1px solid #CCCCCC
Layout & motion
- Container
- 1312px
- Grid columns
- 3
- Hero
- left-aligned
- Navigation
- top-static
- Page height
- 7,690px
- Easing
- ease-in-out
- Durations
- 200ms 300ms 1000ms
- Transitions
- 170
- Keyframes
- 1
- Stack
- react, shadcn/ui, google-tag-manager, cloudfront
Page sections (8)
section labels are heuristic
01nav
02hero
03features?7 Takeaways From the Coachella 2027 Lineup
04features?Reviews
05features?New Reader Reviews
06features?More Reviews
07features?Features
08footer
How Pitchfork compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 36px: smaller than 82% of indexed sites (median 60px).
- Type scale
- 1.21×: flatter than 77% 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
- 7,690px: shorter than 55% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Walfork
- The only site in the index that loads Walfork.
- Feature Flat Display
- The only site in the index that loads Feature Flat Display.
- 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 Pitchfork use?
Pitchfork uses Walfork for body text. Feature Flat Display (loaded as "FeatureFlatDisplay") is used for headings.
What are Pitchfork's brand colors?
Pitchfork's website uses a light scheme: background #FFFFFF, text #000000, muted text #1A1A1A and borders #000000.
How is Pitchfork's website laid out?
The most common corner radius is 0px, body text is 14px with 1.429 line height, and the page container is 1312px wide.
