Typography
scale ratio 1.246- ABC Favoritcss: ABC Favorit Regulardisplay + body400 50094%
- Geist Monomono5006%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | ABC Favorit | 48px | 500 | 0.958 | -0.021em |
| headline | ABC Favorit | 38px | 500 | 1.158 | -0.02em |
| title | ABC Favorit | 32px | 500 | 1.125 | -0.028em |
| body | ABC Favorit | 16px | 400 | 1.75 | 0em |
| body-sm | Geist Mono | 13px | 500 | 1.538 | 0.015em |
| label | ABC Favorit | 15px | 400 | 1.333 | -0.01em |
Type scale
Aa13Aa15Aa16Aa19Aa24Aa32Aa38Aa48
- Body size
- 16px / 1.75
- Display size
- 48px
- Display tracking
- -0.021em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 14.12:1
- Muted on bg
- 2.99:1
- Accent on bg
- 6.92:1
- Dark mode
- none
Space, shape & depth
Spacing scale (base 8px)
- 4
- 6
- 8
- 10
- 12
- 16
- 20
- 24
- 32
- 40
- 48
- 64
- 96
Corner radii
81216pill
Shadows (0)
none
- Borders
- hairline, 1px
- Section padding
- 160px
Components
exact computed valuesbutton-primary
- backgroundColor
- #1B6646
- textColor
- #0000EE
- rounded
- 9999px
- padding
- 8px 16px
- height
- 36px
- fontFamily
- sans-serif
- fontSize
- 12px
- fontWeight
- 400
card
- rounded
- 8px
- padding
- 0px
- backgroundColor
- #F7F5F3
Layout & motion
- Container
- 1200px
- Grid columns
- 3
- Hero
- split
- Navigation
- none-detected
- Page height
- 9,160px
- Easing
- cubic-bezier(0.22, 1, 0.36, 1)
- Durations
- 100ms 300ms 400ms 600ms
- Transitions
- 12
- Keyframes
- 3
- Stack
- framer, hubspot, posthog, google-tag-manager, vercel
Page sections (8)
section labels are heuristic
01content?
02heroSupport infrastructure for humans & agents
03feature detail?One place where your team and agents work together.
04features?Let agents do the work, yours or ours.
05feature detail?Your agents, our infrastructure.
06features?What happens when teams switch to Plain.
07feature detail?Get your support running on Plain in minutes.
08footer
How Plain compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 48px: smaller than 68% of indexed sites (median 60px).
- Type scale
- 1.25×: flatter than 63% of indexed sites (median 1.28×).
- Container
- 1200px: narrower than 57% of indexed sites (median 1242px).
- Text contrast
- 14.1:1: lower than 81% of indexed sites (median 17.6:1).
- Page length
- 9,160px: longer than 61% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- ABC Favorit
- One of 2 indexed sites that load ABC Favorit (1%).
- Geist Mono
- One of 14 indexed sites that load Geist Mono (5%).
- 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 Plain use?
Plain uses ABC Favorit (loaded as "ABC Favorit Regular") for headings and body text. Geist Mono is used for code.
What are Plain's brand colors?
Plain's website uses a light scheme: background #FFFFFF, surface #F7F5F3, text #252D2A, muted text #252D2A80 and borders #E8E6E1.
How is Plain's website laid out?
The most common corner radius is fully rounded (pill), body text is 16px with 1.75 line height, and the page container is 1200px wide.
