Typography
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter | 16px | 500 | 1.75 | 0em |
| headline | Söhne | 14px | 400 | 1.429 | 0em |
| body | Söhne | 16px | 400 | 1.75 | 0em |
Type scale
Aa14Aa16Aa17
- Body size
- 16px / 1.75
- Display size
- 16px
- Display tracking
- 0em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 11.37:1
- Muted on bg
- undefined:1
- Dark mode
- follows system
Space, shape & depth
Spacing scale (base 4px)
- 12
- 24
- 28
- 32
- 40
- 64
- 128
- 160
Corner radii
Shadows (0)
none
- Borders
- none
- Section padding
- 64px
Layout & motion
- Container
- 640px
- Grid columns
- 3
- Hero
- left-aligned
- Navigation
- none-detected
- Page height
- 1,424px
- Easing
- ease
- Durations
- 240ms
- Transitions
- 13
- Keyframes
- 1
- Stack
- next.js, vercel
Page sections (5)
section labels are heuristic
01hero
02feature detail?Paco Coursey
03features?Writing
04feature detail?Now
05feature detail?Connect
How Paco compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 16px: smaller than 97% of indexed sites (median 60px).
- Container
- 640px: narrower than 97% of indexed sites (median 1242px).
- Text contrast
- 11.4:1: lower than 90% of indexed sites (median 17.6:1).
- Page length
- 1,424px: shorter than 92% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Söhne
- One of 4 indexed sites that load Söhne (1%).
- Newsreader
- One of 2 indexed sites that load Newsreader (1%).
- Color scheme
- Light by default, like 75% of indexed sites. It is one of 49 sites (18%) that switch with the system dark mode setting.
In short
What font does Paco use?
Paco uses Söhne (loaded as "Sohne") for body text. Newsreader is used for other. Inter is used for headings.
What are Paco's brand colors?
Paco's website uses a light scheme: background #FFFFFF, text #3A3A3A.
How is Paco'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 640px wide.
