Cursor design.md
A quiet editor on warm paper, framed by oil paintings
A warm off-white workspace: brownish-black ink, a single regular-weight grotesk with an unusually small hero headline, dark pill buttons, cream panels, and real product windows floating over painted landscape backdrops, with one orange for links.
What “Use in my project” copies
Download https://faundr.dev/resources/design-md/cursor/DESIGN.md and save it as design.md at the project root. It's a design guide inspired by Cursor, 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 cursor.com in English, at 1440 px wide.
Colors
Click a color to copy it. Roles are in English, as in the file.
Type and shape
CursorGothic
Free substitute: Geist 400 (Google Fonts)
berkeleyMono
Free substitute: JetBrains Mono 400/500/700 (Google Fonts)
| Role | Size | Weight | Tracking |
|---|---|---|---|
| heading-lg | 36px | 400 | -0.72px |
| display | 26px | 400 | -0.325px |
| heading | 22px | 400 | -0.11px |
| body | 16px | 400 | 0.08px |
| button | 16px | 400 | 0 |
| small | 14px | 400 | 0.14px |
| mono | 12px | 400 | 0 |
| caption | 12px | 400 | 0 |
- tags
- 4px
- cards
- 4px
- inputs
- 8px
- buttons
- 9999px
The files
Loading…
Screenshots and measurements taken by Faundr from cursor.com for reference. Inspired by Cursor, not its official design system; Faundr isn’t affiliated with Cursor, 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.
