Typography
scale ratio 1.414- Intercss: Inter varbody400 60086%
- Inter Displaycss: InterDisplay vardisplay500 60014%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter Display | 32px | 600 | 1.25 | -0.005em |
| body | Inter | 16px | 400 | 1.5 | -0.01em |
| label | Inter | 16px | 600 | 1.5 | -0.01em |
Type scale
Aa16Aa24Aa32
- Body size
- 16px / 1.5
- Display size
- 32px
- Display tracking
- -0.005em
- Case
- title
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- undefined:1
- Dark mode
- follows system
Declared accent tokens
- --accent-color#0366D6not on page
Space, shape & depth
Spacing scale (base 4px)
- 2
- 4
- 6
- 16
- 24
- 32
- 48
- 64
- 112
- 176
Corner radii
2
Shadows (0)
none
- Borders
- none
- Section padding
- n/a
Layout & motion
- Container
- 1088px
- Grid columns
- 6
- Hero
- left-aligned
- Navigation
- none-detected
- Page height
- 2,212px
- Easing
- n/a
- Durations
- n/a
- Transitions
- 0
- Keyframes
- 0
- Stack
- google-tag-manager, cloudflare, github-pages, fastly
Page sections (1)
01footerHello, I'm Rasmus
How rsms compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 32px: smaller than 85% of indexed sites (median 60px).
- Type scale
- 1.41×: steeper than 81% of indexed sites (median 1.28×).
- Container
- 1088px: narrower than 77% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 2,212px: shorter than 89% of indexed sites (median 8,217px).
- Corner radius
- Mostly 2px, shared by 10 of 274 indexed sites (4%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- Inter Display
- One of 2 indexed sites that load Inter Display (1%).
- 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 rsms use?
rsms uses Inter (loaded as "Inter var") for body text. Inter Display (loaded as "InterDisplay var") is used for headings.
What are rsms's brand colors?
rsms's website uses a light scheme: background #FFFFFF, text #000000.
How is rsms's website laid out?
The most common corner radius is 2px, body text is 16px with 1.5 line height, and the page container is 1088px wide.
