Cursor design.md
Um editor discreto sobre papel quente, emoldurado por pinturas a óleo
Um espaço de trabalho em off-white quente: tinta preto-amarronzada, um grotesco num peso regular só com um título de abertura surpreendentemente pequeno, botões escuros em pílula, painéis creme e janelas reais do produto flutuando sobre paisagens pintadas a óleo, com um único laranja para os links.
O que o “Usar no meu projeto” copia
Baixe https://faundr.dev/resources/design-md/cursor/DESIGN.md e salve como design.md na raiz do projeto. É um guia de design inspirado em Cursor, medido do site deles: siga as cores, fontes, cantos e componentes dele em toda tela que criar ou mudar. Onde ele usar uma fonte paga, use a alternativa grátis que o arquivo indica.
A página real
Capturada de cursor.com em inglês, com 1440 px de largura.
Cores
Clique numa cor para copiar. O papel de cada uma está em inglês, como no arquivo.
Fontes e forma
CursorGothic
Alternativa grátis: Geist 400 (Google Fonts)
berkeleyMono
Alternativa grátis: JetBrains Mono 400/500/700 (Google Fonts)
| Papel | Tamanho | Peso | Espaço |
|---|---|---|---|
| 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
Os arquivos
Carregando…
Prints e medidas tirados pelo Faundr de cursor.com, para referência. Inspirado em Cursor, não é o design system oficial; o Faundr não tem ligação com Cursor, e o nome e as marcas são dela.
Faundr
Design.md só funciona se alguém confere.
O Faundr lê o seu design.md e confere cada tela que a IA mexe: cor fora do guia, componente refeito, menu cortado, celular quebrado.
