Typography
- Interdisplay + body400 500 600100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter | 24px | 600 | 1.333 | 0em |
| headline | Inter | 16px | 400 | 1.6 | 0em |
| body | Inter | 20px | 400 | 1.6 | 0em |
Type scale
Aa16Aa20Aa24
- Body size
- 20px / 1.6
- Display size
- 24px
- Display tracking
- 0em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 17.91:1
- Muted on bg
- 2.59:1
- Dark mode
- follows system
Declared accent tokens
- --background-color-brand#FC532Anot on page
Space, shape & depth
Spacing scale (base 8px)
- 4
- 6
- 8
- 12
- 16
- 64
- 128
Corner radii
Shadows (0)
none
- Borders
- none
- Section padding
- n/a
Layout & motion
- Container
- 640px
- Grid columns
- n/a
- Hero
- left-aligned
- Navigation
- none-detected
- Page height
- 1,572px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 150ms
- Transitions
- 2
- Keyframes
- 0
- Stack
- next.js, vercel
Page sections (3)
01banner
02heroBrian Lovin
03footerWriting
How Brian Lovin compares
- Body text
- 20px: larger than 90% of indexed sites (median 16px).
- Largest heading
- 24px: smaller than 92% of indexed sites (median 60px).
- Container
- 640px: narrower than 97% of indexed sites (median 1242px).
- Text contrast
- 17.9:1: higher than 54% of indexed sites (median 17.6:1).
- Page length
- 1,572px: shorter than 91% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- 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 Brian Lovin use?
Brian Lovin uses Inter for headings and body text.
What are Brian Lovin's brand colors?
Brian Lovin's website uses a light scheme: background #FFFFFF, text #171717, muted text #A1A1A1.
How is Brian Lovin's website laid out?
The most common corner radius is 0px, body text is 20px with 1.6 line height, and the page container is 640px wide.
