# PhilGood · Estilo visual de design

> Guia para peças gráficas: posts, apresentações, propostas, capas, banners, materiais impressos.
> Versão 1.0 · setembro de 2026

---

## Conceito

**Papel, tinta e máquina de escrever, com a organização do Notion.**

Tudo parece feito à mão por alguém cuidadoso: uma folha de papel, um título datilografado, uma palavra grifada com marca-texto, um carimbo no canto. Mas a leitura é sempre limpa, organizada e com muito respiro.

**Três palavras:** humano · organizado · leve.

## Os 6 ingredientes

1. **Fundo de papel:** creme `#F6F1E7` com grão leve ou trama de pontinhos. Nunca branco puro.
2. **Título em máquina de escrever:** Special Elite, grande, cor tinta `#23262D`.
3. **Uma palavra grifada:** pincelada amarela `#F5D985` atrás de 1 a 3 palavras do título. **Só uma por peça.**
4. **Traço de nanquim:** ícones, setas e sublinhados desenhados à mão, uma cor só.
5. **Carimbo:** o selo "FEITO À MÃO • COM IA" ou o botão-carimbo verde com sombra dura.
6. **Cartões com borda de tinta:** borda de 2 px e sombra dura deslocada (4–8 px), sem desfoque.

## Paleta e proporção

| Papel | Uso | Proporção aproximada |
|---|---|---|
| Creme `#F6F1E7` / Cartão `#FBF8F1` | Fundo | 70% |
| Tinta `#23262D` | Texto, traços, bordas | 15% |
| Marca-texto `#F5D985` | Destaque | 5% |
| Musgo `#2F5D3A` / Sálvia `#447759` | Blocos fortes, botões, selo | 7% |
| Broto `#CFE6C8`, Sol `#F7DC8A`, Areia `#EAD9C4` | Círculos dos ícones | 3% |

**Regra:** no máximo **uma cor forte** por peça (musgo **ou** amarelo em destaque). Blocos inteiros em sálvia com noise são bem-vindos para quebrar o ritmo.

## Tipografia

| Nível | Fonte | Tamanho relativo |
|---|---|---|
| Título | Special Elite | 1 (maior) |
| Rótulo / sobretítulo | Special Elite, CAIXA ALTA, espaçada | 0,25 |
| Texto | Inter Regular | 0,3 |
| Destaque em texto | Inter SemiBold | 0,3 |
| Logo | Fraunces Black (só no logo) | — |
| Assinatura | Homemade Apple (uso pontual) | — |

- Títulos curtos, em até 3 linhas
- Nunca usar Fraunces em títulos (é só do logo)
- Nunca misturar mais de 2 fontes na mesma peça, fora o logo

## Composição

- **Muito respiro:** margens generosas (pelo menos 8% da largura)
- **Grade alinhada:** nada de elementos tortos soltos. A exceção são pequenos toques: selo inclinado de 10–15°, botão a -1°, cartões a ±1,5°
- **Leitura contínua:** título → apoio → ação. Nada voando no meio do caminho
- Um único ponto focal por peça

## Elementos gráficos

| Elemento | Como usar |
|---|---|
| Marca-texto | Atrás de palavras-chave. Borda irregular, com fiapos de pincel |
| Rabisco | Duas linhas à mão como divisória entre blocos |
| Seta à mão | Levar o olhar para o botão ou o próximo passo |
| Selo | Canto superior direito ou perto do CTA. Discreto |
| Ícone + círculo | Serviços e listas. Alternar Sol → Broto → Areia |
| Diagrama de fluxo | Cartões numerados ligados por setas à mão (automações) |
| Noise | Em blocos de cor sólida (sálvia, musgo) |

## Formatos prontos

**Post feed (4:5):** papel + rótulo no topo + título datilografado com 1 grifo + ícone ou mockup + logo pequeno no rodapé.

**Story (9:16):** título grande no terço superior, mockup ou foto no meio, botão-carimbo "Chamar no WhatsApp" embaixo.

**Capa de case (16:10):** mockup do projeto no estúdio zen **ou** diagrama de fluxo em papel com selo.

**Apresentação/proposta:** capa com logo + título grifado. Páginas internas em papel, títulos em Special Elite e tabelas com borda de tinta.

## Não fazer

- ❌ Aquarela digital "forçada", degradês, brilho, 3D, neon
- ❌ Fundo branco puro sem textura ("sem vida")
- ❌ Várias palavras grifadas, várias cores fortes
- ❌ Colagem caótica, elementos flutuando sem função
- ❌ Sombras desfocadas (use sempre sombra dura, deslocada)
- ❌ Ícones de banco em traço fino perfeito: sempre traço à mão