Typography
scale ratio 1.230- Maison Neuecss: Maison Neue Bookdisplay + body300 40099%
- Maison Neue Demiother6001%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Maison Neue | 32px | 300 | 1.25 | 0.125em |
| body | Maison Neue | 14px | 400 | 1.33 | 0.02em |
| body-sm | Maison Neue | 12px | 400 | 1.333 | 0.02em |
Type scale
Aa10Aa12Aa14Aa16Aa21Aa23Aa32
- Body size
- 14px / 1.33
- Display size
- 32px
- Display tracking
- 0.125em
- Case
- mixed
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 4.74:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 3
- 4
- 5.5
- 6
- 8
- 12
- 15
- 16
- 20
- 24
- 36
- 40
Corner radii
pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 25px
Components
exact computed valuesinput
- rounded
- 0px
- height
- 45px
- padding
- 15px 50px
- backgroundColor
- #FFFFFF
Layout & motion
- Container
- 720px
- Grid columns
- 3
- Hero
- unknown
- Navigation
- top-static
- Page height
- 6,459px
- Easing
- ease-in-out
- Durations
- 100ms 200ms 400ms 500ms
- Transitions
- 54
- Keyframes
- 0
- Stack
- shopify, vue, google-tag-manager, cloudflare
Page sections (3)
section labels are heuristic
03footer
How Everlane compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 32px: smaller than 85% of indexed sites (median 60px).
- Type scale
- 1.23×: flatter than 70% of indexed sites (median 1.28×).
- Container
- 720px: narrower than 93% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 6,459px: shorter than 66% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Maison Neue
- The only site in the index that loads Maison Neue.
- Maison Neue Demi
- The only site in the index that loads Maison Neue Demi.
- 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 Everlane use?
Everlane uses Maison Neue (loaded as "Maison Neue Book") for headings and body text. Maison Neue Demi is used for other.
What are Everlane's brand colors?
Everlane's website uses a light scheme: background #FFFFFF, text #000000, muted text #737373 and borders #000000.
How is Everlane's website laid out?
The most common corner radius is 0px, body text is 14px with 1.33 line height, and the page container is 720px wide.
Similar to Everlane
Beo Supreme#FFFFFF
Bang & Olufsenbang-olufsen.com
Graphik / Monaspace#FFFFFF
Basecampbasecamp.com
Plain / GT Planar / GT Standard Mono#FFFFFF
Browserbasebrowserbase.com
Atlas Grotesk / Sharp Grotesk#FFFFFF
Dropboxdropbox.com
Chapeau Bold / Maison Neue Medium / Chapeau Black#FFFFFF
Eye on Designeyeondesign.aiga.org