Typography
- Xdisplay + body400100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | X | 85px | 400 | 0em | |
| title | X | 720px | 400 | 0em |
Type scale
Aa14Aa85Aa720
- Body size
- n/a
- Display size
- 85px
- Display tracking
- 0em
- Case
- mixed
Color
light schemePalette by painted area
- Text on bg
- 17.94:1
- Muted on bg
- 15.31:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 8px)
- 8
- 9
- 64
Corner radii
pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- n/a
Layout & motion
- Container
- 1059px
- Grid columns
- n/a
- Hero
- left-aligned
- Navigation
- none-detected
- Page height
- 6,108px
- Easing
- ease-in-out
- Durations
- 200ms
- Transitions
- 1
- Keyframes
- 1
- Stack
- next.js, vercel
How Rauno compares
- Largest heading
- 85px: larger than 85% of indexed sites (median 60px).
- Container
- 1059px: narrower than 80% of indexed sites (median 1242px).
- Text contrast
- 17.9:1: higher than 55% of indexed sites (median 17.6:1).
- Page length
- 6,108px: shorter than 70% of indexed sites (median 8,217px).
- Corner radius
- Mostly 0px, shared by 84 of 274 indexed sites (31%).
- X
- The only site in the index that loads X.
- 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 Rauno use?
Rauno uses X for headings and body text.
What are Rauno's brand colors?
Rauno's website uses a light scheme: background #EDEDED, surface #FFFFFF, text #000000, muted text #171717.
How is Rauno's website laid out?
The most common corner radius is 0px, body text is nullpx with null line height, and the page container is 1059px wide.
