Typography
scale ratio 1.565- Savee Fontcss: saveeFontdisplay + body400 500100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Savee Font | 95.76px | 500 | 1 | -0.035em |
| headline | Savee Font | 64.8px | 500 | 1.05 | -0.025em |
| title | Savee Font | 21px | 500 | 1.286 | -0.03em |
| body | Savee Font | 16px | 400 | 1.375 | -0.01em |
| body-sm | Savee Font | 14px | 400 | 1.429 | 0em |
Type scale
Aa13Aa14Aa16Aa21Aa37.5Aa65Aa96
- Body size
- 16px / 1.625
- Display size
- 95.76px
- Display tracking
- -0.035em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 17.84:1
- Muted on bg
- 9.34:1
- Accent on bg
- 17.84:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 5.5
- 6
- 8
- 12
- 16
- 20
- 24
- 32
- 33
- 40
- 48
- 56
- 64
Corner radii
1216172432pill
Shadows (5)
- Borders
- none, 1px
- Section padding
- 160px
Components
exact computed valuesbutton-primary
Join for free
- backgroundColor
- #0A0A0A
- textColor
- #FDFDFD
- rounded
- 9999px
- padding
- 20px 40px
- height
- 56px
- fontFamily
- Savee Font
- fontSize
- 16px
- fontWeight
- 500
button-secondary
See plans
- backgroundColor
- #DADADA
- textColor
- #464646
- rounded
- 9999px
- padding
- 20px 40px
- height
- 56px
- fontFamily
- Savee Font
- fontSize
- 16px
- fontWeight
- 400
card
- rounded
- 12px
- padding
- 0px
- backgroundColor
- #E4E4E4
Layout & motion
- Container
- 1152px
- Grid columns
- 2
- Hero
- centered
- Navigation
- top-static+transparent
- Page height
- 8,773px
- Easing
- cubic-bezier(0.25, 0.25, 0, 1)
- Durations
- 150ms 180ms 500ms 1000ms
- Transitions
- 170
- Keyframes
- 3
- Stack
- next.js, tailwind, shadcn/ui, google-tag-manager
Page sections (10)
01nav
02heroThe best place to save and share inspiration
03logos
04galleryFinding the right reference took hours.
05logosGive your AI agents taste.
06feature detailMore than a place to save.
07featuresTurn your saves into your portfolio.
08featuresOne library for the whole team.
09pricingSave without limits.
10footer
How Savee compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 95.8px: larger than 89% of indexed sites (median 60px).
- Type scale
- 1.56×: steeper than 91% of indexed sites (median 1.28×).
- Container
- 1152px: narrower than 69% of indexed sites (median 1242px).
- Text contrast
- 17.8:1: higher than 53% of indexed sites (median 17.6:1).
- Page length
- 8,773px: longer than 55% of indexed sites (median 8,217px).
- Corner radius
- Mostly 12px, shared by 14 of 274 indexed sites (5%).
- Savee Font
- The only site in the index that loads Savee Font.
- 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 Savee use?
Savee uses Savee Font (loaded as "saveeFont") for headings and body text.
What are Savee's brand colors?
Savee's website uses a light scheme: background #F3F3F3, surface #FDFDFD, text #0A0A0A, muted text #404040.
How is Savee's website laid out?
The most common corner radius is 12px, body text is 16px with 1.625 line height, and the page container is 1152px wide.
