Typography
scale ratio 1.262- Signifierdisplay + body40077%
- Switzerother400 50022%
- Everyother4002%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Signifier | 64px | 400 | 1 | -0.03em |
| headline | Signifier | 48px | 400 | 1.1 | 0em |
| title | Signifier | 32px | 400 | 0em | |
| body | Signifier | 20px | 400 | 1.5 | 0em |
| body-sm | Switzer | 18px | 400 | 1.05 | 0em |
| label | Switzer | 14px | 500 | 1.5 | 0em |
Type scale
Aa12Aa14Aa15Aa16Aa18Aa20Aa24Aa32Aa42Aa48Aa64
- Body size
- 20px / 1.5
- Display size
- 64px
- Display tracking
- -0.03em
- Case
- title
Color
dark schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 14.10:1
- Accent on bg
- 17.10:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 5
- 6
- 8
- 10
- 12
- 16
- 20
- 24
- 32
- 40
- 80
Corner radii
4610pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 74px
Components
exact computed valuesbutton-primary
Subscribe
- backgroundColor
- #C0F0FB
- textColor
- #000000
- rounded
- 6px
- padding
- 12px 16px
- height
- 51px
- fontFamily
- Switzer
- fontSize
- 18px
- fontWeight
- 400
Layout & motion
- Container
- 1280px
- Grid columns
- 4
- Hero
- centered
- Navigation
- top-sticky
- Page height
- 8,107px
- Easing
- cubic-bezier(0.16, 1, 0.3, 1)
- Durations
- 120ms 150ms 200ms
- Transitions
- 41
- Keyframes
- 0
- Stack
- next.js, tailwind, posthog, cloudflare
Page sections (9)
section labels are heuristic
01nav
02heroWhat's Left for umans After Automation
03features?Vibe Check: Is Astra a reakthrough for Indie Filmmakers?
04gallery?Ideas, apps, and training for the age of AI
05features?I Vibe Coded a ecurity Risk
06features?Claude Code for roduct Managers
07features?Socrates as a Service
08feature detail?Stop Planning Your AI Strategy. Start xecuting It.
09footerWhat Comes ext
How Every compares
- Body text
- 20px: larger than 90% of indexed sites (median 16px).
- Largest heading
- 64px: larger than 56% of indexed sites (median 60px).
- Type scale
- 1.26×: flatter than 58% of indexed sites (median 1.28×).
- Container
- 1280px: wider than 55% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 8,107px: shorter than 52% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Signifier
- The only site in the index that loads Signifier.
- Switzer
- The only site in the index that loads Switzer.
- Color scheme
- Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Every use?
Every uses Signifier for headings and body text. Switzer is used for other. Every is used for other.
What are Every's brand colors?
Every's website uses a dark scheme: background #000000, text #FFFFFF, muted text #D6D3D1 and borders #3C3C3C.
How is Every's website laid out?
The most common corner radius is 0px, body text is 20px with 1.5 line height, and the page container is 1280px wide.
