Typography
scale ratio 1.414- Proxima Novacss: proxima_nova_bolddisplay + body400100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Proxima Nova | 32px | 400 | 1 | 0em |
| headline | Proxima Nova | 16px | 400 | 1.3 | -0.01em |
| body | Proxima Nova | 16px | 400 | 1.3 | 0em |
| body-sm | Proxima Nova | 14px | 400 | 1.3 | 0em |
Type scale
Aa14Aa16Aa20Aa32
- Body size
- 16px / 1.3
- Display size
- 32px
- Display tracking
- 0em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 13.58:1
- Muted on bg
- undefined:1
- Accent on bg
- 2.91:1
- Dark mode
- none
Declared accent tokens
- --accent-color#FF6458painted
Space, shape & depth
Spacing scale (base 4px)
- 8
- 10.5
- 11
- 12
- 15
- 16
- 20
- 21
- 24
- 40
Corner radii
4pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 84px
Components
exact computed valuesinput
- rounded
- 4px
- height
- 40px
- padding
- 8px 12px
- backgroundColor
- #FFFFFF
- border
- 1px solid #C2C2C2
Layout & motion
- Container
- 1360px
- Grid columns
- 6
- Hero
- unknown
- Navigation
- top-fixed+transparent
- Page height
- 4,343px
- Easing
- ease
- Durations
- 100ms 200ms 300ms 1000ms
- Transitions
- 57
- Keyframes
- 0
- Stack
- vue, jquery, google-tag-manager, cloudfront
Page sections (7)
section labels are heuristic
01nav
02hero
03gallery?Shop By Room
04gallery?For every mood.
05features?Ceni 88" Corner Sectional - Hemlock Green
06cta?Great style in the wild.
07footer
How Article compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 32px: smaller than 85% of indexed sites (median 60px).
- Type scale
- 1.41×: steeper than 81% of indexed sites (median 1.28×).
- Container
- 1360px: wider than 89% of indexed sites (median 1242px).
- Text contrast
- 13.6:1: lower than 83% of indexed sites (median 17.6:1).
- Page length
- 4,343px: shorter than 81% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Proxima Nova
- One of 2 indexed sites that load Proxima Nova (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 Article use?
Article uses Proxima Nova (loaded as "proxima_nova_bold") for headings and body text.
What are Article's brand colors?
Article's website uses a light scheme: background #FFFFFF, text #2E2E2E.
How is Article's website laid out?
The most common corner radius is fully rounded (pill), body text is 16px with 1.3 line height, and the page container is 1360px wide.
Similar to Article
Wired Display / Apercu / Breve Text#FFFFFF
WIREDwired.com
Inter / Degular / Bricolage Grotesque#FFFFFF
Deepnotedeepnote.com
Windsor EF / Ano#FFFFFF
Drinkolipopdrinkolipop.com
Enduro / Peignot Jumbo Black Tester / Peignot Jumbo Regular Tester#FFFFFF
Production Typeproductiontype.com
Plain / GT Planar / GT Standard Mono#FFFFFF
Browserbasebrowserbase.com