Linear design.md
Graphite night, white type and hairlines drawn in light
A near-black product tool that feels engineered: graphite canvas, cool off-white type in Inter at an in-between 510 weight, translucent white hairlines instead of shadows, a light-gray pill as the only filled button, and the real app UI as the hero illustration.
What “Use in my project” copies
Download https://faundr.dev/resources/design-md/linear/DESIGN.md and save it as design.md at the project root. It's a design guide inspired by Linear, measured from their site: follow its colors, fonts, corners and components on every screen you create or change. Where it calls for a paid font, use the free alternative the file names.
The real page
Captured from linear.app in English, at 1440 px wide.
Colors
Click a color to copy it. Roles are in English, as in the file.
Type and shape
Inter Variable
Free substitute: Inter 300/400/500/600 (Google Fonts); use 500 for 510 and 600 for 590
Berkeley Mono
Free substitute: JetBrains Mono 400 (Google Fonts)
| Role | Size | Weight | Tracking |
|---|---|---|---|
| display | 64px | 510 | -1.408px |
| heading | 48px | 510 | -1.056px |
| subheading | 24px | 400 | -0.288px |
| card-title | 20px | 590 | -0.24px |
| body | 15px | 400 | -0.165px |
| body-sm | 13px | 400 | -0.039px |
| button | 13px | 510 | 0 |
| label | 12px | 510 | 0 |
| mono-caption | 12px | 400 | 0 |
- tags
- 16px
- cards
- 12px
- inputs
- 8px
- buttons
- 9999px
The files
Loading…
Screenshots and measurements taken by Faundr from linear.app for reference. Inspired by Linear, not its official design system; Faundr isn’t affiliated with Linear, and the name and marks belong to it.
Faundr
A design.md only works if someone checks it.
Faundr reads your design.md and checks every screen your AI touches: colors off the guide, rebuilt components, clipped menus, broken mobile.
