Typography
scale ratio 1.351- Inter Vbody400 50053%
- Aeonik Procss: AeonikProdisplay50047%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Aeonik Pro | 72px | 500 | 1.111 | 0em |
| body | Inter V | 16px | 400 | 1.5 | 0em |
| body-sm | Inter V | 14px | 400 | 1.429 | 0em |
| label | Inter V | 14px | 500 | 1.429 | 0em |
Type scale
Aa12Aa13Aa14Aa15Aa16Aa24Aa32Aa48Aa56Aa72
- Body size
- 16px / 1.5
- Display size
- 72px
- Display tracking
- 0em
- Case
- mixed
Color
dark schemePalette by painted area
- Text on bg
- 18.50:1
- Muted on bg
- 8.68:1
- Accent on bg
- 6.78:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 6
- 8
- 12
- 14
- 15
- 16
- 19
- 20
- 24
- 25
- 28
- 32
- 36
Corner radii
481624pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 102px
Components
exact computed valuesinput
- rounded
- 0px
- height
- 36px
- padding
- 8px 12px
Layout & motion
- Container
- 744px
- Grid columns
- 2
- Hero
- centered+media-below
- Navigation
- none-detected
- Page height
- 11,926px
- Easing
- cubic-bezier(0.6, 0.6, 0, 1)
- Durations
- 300ms 450ms 750ms 1000ms
- Transitions
- 57
- Keyframes
- 8
- Stack
- google-tag-manager, vercel
Page sections (11)
section labels are heuristic
01heroThink better with Reflect
02logos
04content?
05pricing?xipW aMRd
06feature detail?Using Reflect Classic?
07testimonialsLoved by thinkers
08feature detail?dotted across the globe We're an indie team
09feature detail?notes at our academy Learn how to take great
10cta?Think better with Reflect
11footer
How Reflect compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 72px: larger than 70% of indexed sites (median 60px).
- Type scale
- 1.35×: steeper than 69% of indexed sites (median 1.28×).
- Container
- 744px: narrower than 93% of indexed sites (median 1242px).
- Text contrast
- 18.5:1: higher than 59% of indexed sites (median 17.6:1).
- Page length
- 11,926px: longer than 81% of indexed sites (median 8,217px).
- Corner radius
- Mostly 8px, shared by 21 of 274 indexed sites (8%).
- Inter V
- The only site in the index that loads Inter V.
- Aeonik Pro
- The only site in the index that loads Aeonik Pro.
- 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 Reflect use?
Reflect uses Inter V for body text. Aeonik Pro (loaded as "AeonikPro") is used for headings.
What are Reflect's brand colors?
Reflect's website uses a dark scheme: background #030014, text #F4F0FF, muted text #EFEDFDB3 and borders #FFFFFF1A.
How is Reflect's website laid out?
The most common corner radius is 8px, body text is 16px with 1.5 line height, and the page container is 744px wide.
