Typography
- Interdisplay + body400 500100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter | 16px | 500 | 1.4 | 0em |
| headline | Inter | 13px | 400 | 1.4 | 0em |
| body | Inter | 13px | 400 | 1.4 | 0em |
Type scale
Aa12Aa13Aa16
- Body size
- 13px / 1.4
- Display size
- 16px
- Display tracking
- 0em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 19.67:1
- Muted on bg
- 3.32:1
- Accent on bg
- 19.67:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 8
- 12
Corner radii
8pill
Shadows (3)
- Borders
- hairline, 1px
- Section padding
- n/a
Components
exact computed valuesbutton-primary
Sign up
- backgroundColor
- #0B0B0B
- textColor
- #FFFFFF
- rounded
- 9999px
- padding
- 0px 12px
- height
- 28px
- fontFamily
- Inter
- fontSize
- 13px
- fontWeight
- 400
- border
- 1px solid #0B0B0B
button-secondary
See all jobs
- textColor
- #0000007C
- rounded
- 0px
- padding
- 8px 16px
- height
- 35.2px
- fontFamily
- Inter
- fontSize
- 13px
- fontWeight
- 400
- border
- 1px solid #00000010
card
- rounded
- 8px
- padding
- 0px
- backgroundColor
- #F5F5F5
Layout & motion
- Container
- n/a
- Grid columns
- n/a
- Hero
- left-aligned
- Navigation
- top-static+transparent
- Page height
- 34,715px
- Easing
- cubic-bezier(0.2, 0, 0, 1)
- Durations
- 120ms 180ms 500ms
- Transitions
- 1606
- Keyframes
- 3
- Stack
- shadcn/ui, cloudflare
Page sections (3)
01navDesign
02banner
How Recent compares
- Body text
- 13px: smaller than 94% of indexed sites (median 16px).
- Largest heading
- 16px: smaller than 97% of indexed sites (median 60px).
- Text contrast
- 19.7:1: higher than 72% of indexed sites (median 17.6:1).
- Page length
- 34,715px: longer than 99% of indexed sites (median 8,217px).
- Corner radius
- Mostly 8px, shared by 21 of 274 indexed sites (8%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- 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 Recent use?
Recent uses Inter for headings and body text.
What are Recent's brand colors?
Recent's website uses a light scheme: background #FFFFFF, text #0B0B0B, muted text #0000007C and borders #00000010.
How is Recent's website laid out?
The most common corner radius is 8px, body text is 13px with 1.4 line height, and the page container is nullpx wide.
