Sistema de Design API Capital
Tudo o que é preciso para produzir peças no padrão visual da API Capital.
Trabalhar com o Claude
Instale uma vez e peça em português, em qualquer conversa: “baixa a logo da API Capital horizontal para eu enviar para a gráfica”.
- Usando Claude: o caminho recomendado. Uma skill instalada em seis passos, sem conta extra.
- Usando Claude Design: para quem usa o Claude Design. Pede uma conta gratuita no GitHub.
Prefere não instalar nada? O texto para colar nas instruções de um Projeto está em PROMPT.md.
O que tem aqui
| Você quer | Abra |
|---|---|
| As regras: cor, tipografia, layout, componentes | DESIGN.md |
| O que não se faz | ANTI_SLOP_VISUAL.md |
| Ver e baixar logo, ícone, textura, foto e fonte | Ativos |
| A URL de cada arquivo, em lista para o Claude | INDICE_ATIVOS.md |
| Usar em código | tokens/api-capital.css |
| Quem é dono de quê | LICENSE.md |
Em código, comece por esta linha
Ela traz as fontes, as variáveis de cor e as classes de componente. Use o nome da variável
(var(--api-acao)) em vez do código da cor: quando a cor mudar aqui, muda em
toda peça.
<link rel="stylesheet" href="https://design.apicapital.com.br/tokens/api-capital.css">