Typography
scale ratio 1.251- Intercss: Inter Variabledisplay + body300 400 51092%
- Berkeley Monomono4008%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter | 72px | 510 | 1 | -0.022em |
| headline | Inter | 48px | 510 | 1 | -0.022em |
| title | Inter | 13px | 510 | 1.5 | -0.01em |
| body | Inter | 15px | 400 | 1.6 | -0.011em |
| body-sm | Inter | 13px | 400 | 1.231 | -0.01em |
| mono | Berkeley Mono | 14px | 400 | 1.5 | 0em |
Type scale
Aa10Aa12Aa13Aa14Aa15Aa16Aa20Aa24Aa32Aa48Aa64Aa72
- Body size
- 15px / 1.6
- Display size
- 72px
- Display tracking
- -0.022em
- Case
- sentence
Color
dark schemePalette by painted area
- Text on bg
- 18.73:1
- Muted on bg
- 6.13:1
- Dark mode
- none
Declared accent tokens
- --color-accent#7170FFnot on page
- --color-brand-bg#5E6AD2painted
- --color-link-primary#828FFFnot on page
Space, shape & depth
Spacing scale
- 2
- 4
- 6
- 7
- 8
- 10
- 12
- 14
- 16
- 24
- 32
Corner radii
248912pill
Shadows (5)
- Borders
- hairline, 1px
- Section padding
- 266px
Components
exact computed valuesbutton-primary
Sign up
- backgroundColor
- #E5E5E6
- textColor
- #08090A
- rounded
- 9999px
- padding
- 0px 12px
- height
- 32px
- fontFamily
- Inter
- fontSize
- 13px
- fontWeight
- 510
- border
- 1px solid #E5E5E6
- shadow
- rgba(0, 0, 0, 0) 0px 8px 2px 0px, rgba(0, 0, 0, 0.01) 0px 5px 2px 0px, rgba(0, 0, 0, 0.04) 0px 3px 2px 0px, rgba(0, 0, 0
button-secondary
Performance
- textColor
- #D0D6E0
- rounded
- 9999px
- padding
- 0px 11px
- height
- 24px
- fontFamily
- Inter
- fontSize
- 12px
- fontWeight
- 400
- border
- 1px solid #2E2E32
card
- rounded
- 12px
- padding
- 0px
- backgroundColor
- #0F1011
- border
- 1px solid #FFFFFF1F
- shadow
- rgba(0, 0, 0, 0.25) 0px 2px 32px 0px
Layout & motion
- Container
- 1344px
- Grid columns
- 2
- Hero
- left-aligned+media-below
- Navigation
- top-fixed+blur+transparent
- Page height
- 9,990px
- Easing
- cubic-bezier(0.25, 0.46, 0.45, 0.94)
- Durations
- 100ms 160ms 400ms 700ms
- Transitions
- 326
- Keyframes
- 8
- Stack
- next.js, intercom, cloudflare
Page sections (10)
section labels are heuristic
01nav
02herosystem for teams and agents The product development
03feature detail?Purpose-built for modern teams with AI workflows at its core, Linear sets a new
04feature detail?Intake and integrations
05feature detail?Planning and monitoring
06feature detail?AI and automations
07code sample?Build, review, and ship
08feature detail?Changelog
09feature detail?Built for the future. Available today.
10footerConnect
How Linear compares
- Body text
- 15px: smaller than 76% of indexed sites (median 16px).
- Largest heading
- 72px: larger than 70% of indexed sites (median 60px).
- Type scale
- 1.25×: flatter than 62% of indexed sites (median 1.28×).
- Container
- 1344px: wider than 83% of indexed sites (median 1242px).
- Text contrast
- 18.7:1: higher than 63% of indexed sites (median 17.6:1).
- Page length
- 9,990px: longer than 66% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- Berkeley Mono
- One of 4 indexed sites that load Berkeley Mono (1%).
- Color scheme
- Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Linear use?
Linear uses Inter (loaded as "Inter Variable") for headings and body text. Berkeley Mono is used for code.
What are Linear's brand colors?
Linear's website uses a dark scheme: background #08090A, surface #0F1011, text #F7F8F8, muted text #8A8F98 and borders #FFFFFF14.
How is Linear's website laid out?
The most common corner radius is fully rounded (pill), body text is 15px with 1.6 line height, and the page container is 1344px wide.
Similar to Linear
GT Planar / Berkeley Mono / Inter#F7F7F7
Buildwithfernbuildwithfern.com
Helvetica / Inter / Material Symbols Outlined#0E0E0E
CodeSandboxcodesandbox.io
SF Pro (system-ui) / Obviously / Inter#060913
Astroastro.build
Inter / Menlo / Moranga#FFFFFF
Denodeno.com
PP Supply Sans / Inter / Commit Mono#000000
E2Be2b.dev