Typography
scale ratio 1.277- Interbody400 50070%
- Uxumgrotesquedisplay400 50028%
- Geist Monomono400 5001%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Uxumgrotesque | 72px | 500 | 1 | -0.025em |
| headline | Uxumgrotesque | 64px | 500 | 1 | -0.023em |
| title | Uxumgrotesque | 36px | 500 | 1 | -0.021em |
| body | Inter | 13px | 400 | 1.385 | -0.003em |
| body-sm | Inter | 12px | 400 | 1.333 | 0em |
| mono | Geist Mono | 13px | 400 | 1 | 0em |
Type scale
Aa12Aa13Aa14Aa15Aa20Aa28Aa36Aa64Aa72
- Body size
- 13px / 1.385
- Display size
- 72px
- Display tracking
- -0.025em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 16.69:1
- Muted on bg
- 6.10:1
- Accent on bg
- 11.40:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 4px)
- 4
- 6
- 8
- 10
- 12
- 16
- 20
- 24
- 32
- 96
Corner radii
pill
Shadows (4)
- Borders
- hairline, 1px
- Section padding
- 152px
Components
exact computed valuesbutton-secondary
Interactions
- textColor
- #202020
- rounded
- 0px
- padding
- 0px 0px
- height
- 30px
- fontFamily
- Inter
- fontSize
- 13px
- fontWeight
- 500
- border
- 2px solid #202020
input
- rounded
- 0px
- height
- 48px
- padding
- 0px 10px
Layout & motion
- Container
- 1212px
- Grid columns
- 2
- Hero
- centered+media-below
- Navigation
- top-sticky
- Page height
- 11,732px
- Easing
- ease
- Durations
- 150ms 400ms 600ms 700ms
- Transitions
- 90
- Keyframes
- 2
- Stack
- webflow, react, jquery, intercom, google-tag-manager, cloudflare
Page sections (8)
01nav
02nav
03heroOne platform for your entire sales motion
04featuresEverything your team needs to manage customer relationships, end-to-end.
05featuresRecord phone conversations with your own number
06featuresThe sales infrastructure your team (and its agents) need to grow
07logosConsolidate tools. Cut costs.
08testimonialsLoved by closers
How Folk compares
- Body text
- 13px: smaller than 94% of indexed sites (median 16px).
- Largest heading
- 72px: larger than 70% of indexed sites (median 60px).
- Type scale
- 1.28×: flatter than 53% of indexed sites (median 1.28×).
- Container
- 1212px: narrower than 56% of indexed sites (median 1242px).
- Text contrast
- 16.7:1: lower than 62% of indexed sites (median 17.6:1).
- Page length
- 11,732px: longer than 81% 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%).
- Uxumgrotesque
- The only site in the index that loads Uxumgrotesque.
- 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 Folk use?
Folk uses Inter for body text. Uxumgrotesque is used for headings. Geist Mono is used for code.
What are Folk's brand colors?
Folk's website uses a light scheme: background #FFFFFF, surface #C3D3D6, text #030200E3, muted text #626262 and borders #E1E1E1.
How is Folk's website laid out?
The most common corner radius is 0px, body text is 13px with 1.385 line height, and the page container is 1212px wide.
