Typography
scale ratio 1.732- AvenirNextLTW02-Regularbody400 70067%
- Avenir Next LT W02css: Avenir Next LT W02 Bolddisplay70033%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Avenir Next LT W02 | 48px | 700 | 1.333 | 0em |
| body | AvenirNextLTW02-Regular | 16px | 400 | 1.75 | 0em |
| label | Avenir Next LT W02 | 16px | 700 | 1.75 | 0em |
Type scale
Aa16Aa28Aa48
- Body size
- 16px / 1.75
- Display size
- 48px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 18.59:1
- Muted on bg
- undefined:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 12
- 16
- 32
- 48
- 155
Corner radii
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- n/a
Layout & motion
- Container
- 790px
- Grid columns
- n/a
- Hero
- centered
- Navigation
- none-detected
- Page height
- 1,120px
- Easing
- n/a
- Durations
- n/a
- Transitions
- 0
- Keyframes
- 0
- Stack
- akamai
Page sections (1)
01heroWe’re working on it.
How Patagonia compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 48px: smaller than 68% of indexed sites (median 60px).
- Type scale
- 1.73×: steeper than 95% of indexed sites (median 1.28×).
- Container
- 790px: narrower than 91% of indexed sites (median 1242px).
- Text contrast
- 18.6:1: higher than 60% of indexed sites (median 17.6:1).
- Page length
- 1,120px: shorter than 92% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- AvenirNextLTW02-Regular
- The only site in the index that loads AvenirNextLTW02-Regular.
- Avenir Next LT W02
- The only site in the index that loads Avenir Next LT W02.
- 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 Patagonia use?
Patagonia uses AvenirNextLTW02-Regular for body text. Avenir Next LT W02 (loaded as "Avenir Next LT W02 Bold") is used for headings.
What are Patagonia's brand colors?
Patagonia's website uses a light scheme: background #F1F1F1, text #000000.
How is Patagonia's website laid out?
The most common corner radius is 0px, body text is 16px with 1.75 line height, and the page container is 790px wide.
