Typography
scale ratio 1.197- Chapeau Boldcss: ChapeauBoldui40062%
- Maison Neue Mediumcss: MaisonNeueMediumbody40029%
- Chapeau Blackcss: ChapeauBlackui4005%
- Chapeau Mediumcss: ChapeauMediumdisplay4002%
- Maison Neue Boldcss: MaisonNeueBoldother4001%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Chapeau Medium | 16px | 400 | 1.5 | 0.031em |
| body | Maison Neue Medium | 14px | 400 | 1.5 | 0.036em |
| body-sm | Maison Neue Bold | 12px | 400 | 1.75 | 0.042em |
| label | Chapeau Black | 12px | 400 | 1.429 | 0.083em |
Type scale
Aa12Aa14Aa16Aa18Aa24
- Body size
- 14px / 1.5
- Display size
- 16px
- Display tracking
- 0.031em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 8.54:1
- Accent on bg
- 2.24:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 5
- 10
- 15
- 37
- 74
- 264.5
Corner radii
4
Shadows (0)
none
- Borders
- none
- Section padding
- n/a
Layout & motion
- Container
- 1366px
- Grid columns
- n/a
- Hero
- left-aligned
- Navigation
- none-detected
- Page height
- 5,849px
- Easing
- ease-in-out
- Durations
- 150ms 220ms 300ms
- Transitions
- 183
- Keyframes
- 0
- Stack
- wordpress, jquery, google-tag-manager, cloudfront
Page sections (4)
section labels are heuristic
01heroUnconventional Sleep Aids Are in Vogue, and They’re Designed To Chill You Out
02features?Five Beautiful Book Covers and the Stories Behind Them
03features?Editors’ Picks
04footerDesign History
How Eye on Design compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 16px: smaller than 97% of indexed sites (median 60px).
- Type scale
- 1.20×: flatter than 82% of indexed sites (median 1.28×).
- Container
- 1366px: wider than 93% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 5,849px: shorter than 74% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Chapeau Bold
- The only site in the index that loads Chapeau Bold.
- Maison Neue Medium
- The only site in the index that loads Maison Neue Medium.
- 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 Eye on Design use?
Eye on Design uses Chapeau Bold (loaded as "ChapeauBold") for ui. Maison Neue Medium (loaded as "MaisonNeueMedium") is used for body text. Chapeau Black (loaded as "ChapeauBlack") is used for ui.
What are Eye on Design's brand colors?
Eye on Design's website uses a light scheme: background #FFFFFF, surface #ECE2E2, text #000000, muted text #524B48.
How is Eye on Design's website laid out?
The most common corner radius is 0px, body text is 14px with 1.5 line height, and the page container is 1366px wide.
