Projeto: evolua-suas-financas. Amostra do DS-1-evolua-suas-financas-V2, gerada de tokens.json. V2 aprovada pelo Claudio em 21/10/2026
Evolua Suas Finanças
O que muda na V2: logos extraídos do manual, CMYK calculado do HEX e fontes pagas trocadas pelas mais próximas do Google Fonts.
Logos (V2)
Regra do Claudio: "Nunca mude meu logo, use como imagem sempre." Todos os arquivos abaixo estão intocados. O manual não tem vetor. Fundo xadrez mostra a transparência.
Preferencial em fundo branco, 2667x1611. Arquivo original, intocado.
Preferencial transparente, 574x227. Extração fiel do manual (p. 5).
Negativa, 1432x566. Extração fiel do manual (p. 6).
Ícone, 915x662. Extração fiel do manual (p. 2).
Ícone negativo, 366x265. Extração fiel do manual (p. 12).
Tamanho mínimo: 160px de largura.Cores
RGB 0, 0, 0
oklch(0 0 0)
RGB 0, 46, 0
oklch(0.2610 0.0888 142.50)
RGB 101, 179, 78
oklch(0.6938 0.1572 139.06)
RGB 255, 255, 255
oklch(1 0 0)
Contraste
| Combinação | Contraste | Uso |
|---|---|---|
| Preto sobre Branco | 21,00:1 | Qualquer texto |
| Verde Escuro sobre Branco | 15,10:1 | Qualquer texto |
| Verde Claro sobre Preto | 8,11:1 | Qualquer texto |
| Verde Claro sobre Verde Escuro | 5,83:1 | Qualquer texto (AA) |
| Verde Claro sobre Branco | 2,59:1 | Nunca texto. Só decoração |
| Verde Escuro sobre Preto | 1,39:1 | Nunca |
Tipografia
Título em Audiowide
Subtítulo em Audiowide, 24px
Texto corrido em Questrial, 16px, entrelinha 1,6. Organizar o orçamento do mês, montar a reserva e começar a investir com método. Palavra em destaque em Verde Escuro.
Texto secundário em Questrial, 14px.
Troca das fontes pagas (V2)
| Fonte do manual | Referência | Substituta (nos tokens) |
|---|---|---|
| Nexa Script (paga) | |
suas Lobster Two |
| Monument Extended (paga) | Sem amostra no manual além do alfabeto. | Evolua Unbounded |
Na peça, o logo entra sempre como imagem. A fonte substituta nunca redesenha o logo.
CMYK para gráfica (V2)
| Cor | HEX | CMYK calculado do HEX | CMYK do manual (não usar) |
|---|---|---|---|
| Preto | #000000 | 0, 0, 0, 100 | 0, 0, 0, 100 |
| Verde Escuro | #002E00 | 100, 0, 100, 82 | 1, 0, 1, 82 |
| Verde Claro | #65B34E | 44, 0, 56, 30 | 46, 0, 57, 30 |
| Branco | #FFFFFF | 0, 0, 0, 0 | 100, 100, 100 |
Conversão do HEX: pedir prova de cor à gráfica.
Botões
Cartão
Faixa de destaque
Fundo Verde Escuro com texto Branco e destaque em Verde Claro.