Typography
scale ratio 1.215- Monikerbody400 500 70071%
- Really Sans Largedisplay850 90028%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Really Sans Large | 83.2px | 900 | 1.1 | 0em |
| headline | Really Sans Large | 40px | 850 | 1.2 | 0em |
| title | Really Sans Large | 48px | 850 | 1.1 | 0em |
| body | Moniker | 17.6px | 400 | 1.2 | -0.012em |
| body-sm | Moniker | 14.4px | 500 | 1 | -0.012em |
| label | Moniker | 17.6px | 500 | 1.45 | -0.012em |
Type scale
Aa14.5Aa17.5Aa20.5Aa21Aa24Aa27Aa32Aa40Aa48Aa83
- Body size
- 17.5px / 1.45
- Display size
- 83.2px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 15.29:1
- Muted on bg
- undefined:1
- Accent on bg
- 6.56:1
- Dark mode
- follows system
Space, shape & depth
Spacing scale
- 3
- 4.5
- 7
- 9.5
- 10.5
- 11
- 12.5
- 16
- 18.5
- 21
- 21.5
- 25.5
- 32
- 33.5
Corner radii
25.5pill
Shadows (5)
- Borders
- none
- Section padding
- 136px
Components
exact computed valuesbutton-primary
Try HEY free
- backgroundColor
- #5522FA
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 16.6px 21.3px
- height
- 45.8px
- fontFamily
- Moniker
- fontSize
- 20.8px
- fontWeight
- 500
card
- rounded
- 25.6px
- padding
- 44.8px
- shadow
- rgba(35, 28, 51, 0.1) 0px 25.6px 12.8px -25.6px, rgba(35, 28, 51, 0.15) 0px 38.4px 25.6px -38.4px, rgba(35, 28, 51, 0.2)
input
- rounded
- 0px
- height
- 43.2px
- padding
- 0px 0px
Layout & motion
- Container
- 1376px
- Grid columns
- n/a
- Hero
- centered+media-below
- Navigation
- top-static+transparent
- Page height
- 11,594px
- Easing
- ease
- Durations
- 150ms 300ms
- Transitions
- 74
- Keyframes
- 0
- Stack
- hotwire, cloudflare
Page sections (7)
section labels are heuristic
01faq
02heroWe finally fixed your email calendar!
05content?
06cta?HEY has a calendar now!
07footer
How HEY compares
- Body text
- 17.5px: larger than 70% of indexed sites (median 16px).
- Largest heading
- 83.2px: larger than 84% of indexed sites (median 60px).
- Type scale
- 1.22×: flatter than 75% of indexed sites (median 1.28×).
- Container
- 1376px: wider than 96% of indexed sites (median 1242px).
- Text contrast
- 15.3:1: lower than 72% of indexed sites (median 17.6:1).
- Page length
- 11,594px: longer than 79% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Moniker
- The only site in the index that loads Moniker.
- Really Sans Large
- The only site in the index that loads Really Sans Large.
- 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 HEY use?
HEY uses Moniker for body text. Really Sans Large is used for headings.
What are HEY's brand colors?
HEY's website uses a light scheme: background #F9F7F5, surface #FFFFFF, text #231C33.
How is HEY's website laid out?
The most common corner radius is fully rounded (pill), body text is 17.5px with 1.45 line height, and the page container is 1376px wide.
