# Design System — Legal

Sistema para o nicho **legal**. Compliance OAB: sem promessa de resultado, sem "melhor", sem valor de causa, sem antes/depois, sem captação sensacionalista. Três direções nomeadas, irreconhecíveis entre si.

## 1. Tokens base
Cores semânticas (primary, secondary, accent, bg, surface, text, muted, border). Tipografia heading direção-dependente; body sans humanista ou serif text.
Escala (rem): xs 0.75 → 8xl 6. Espaço (4px): 0–32. Raio: predominantemente 0–4px (sobriedade). Sombra: ausente ou hairline.

## 2. Direções estéticas

### 01 · Quiet Authority (banca empresarial)
- bg `#FAF8F3` · text `#14181F` · accent bordô `#6B1A2C`
- Heading: **Cormorant Garamond** (700) · Body: **Source Serif 4**
- Composição: grid editorial 12 col, tipografia gigante em página quase vazia, whitespace 60%+
- Foto sóbria em P&B granulada; nome da banca como manchete de jornal sério
- Motion: zero ao carregar; fade lento em scroll reveal; underline em hover
- **Banido**: balança, martelo, colunas dóricas, dourado brilhante, aperto de mão stock

### 02 · Soft Document (família/cível)
- bg `#F1ECE4` · text `#2A2622` · accent verde-musgo `#4C5B3F`
- Heading: **DM Serif Display** · Body: **Source Serif 4**
- Composição: layout livro aberto, duas colunas com capitular grande de seção, foto em sépia, vinheta entre seções
- Motion: page-turn sutil em transição de seção
- **Banido**: stock "família correndo no parque"

### 03 · Civic Clarity (trabalhista individual)
- bg `#FFFFFF` · text `#0A0A0A` · accent azul-institucional `#1A47B8`
- Heading: **Manrope** (700) · Body: **Manrope**
- Composição: portal Q&A; perguntas em destaque, respostas em coluna estreita; navegação lateral por dúvida; sem hero fotográfico
- Motion: âncora suave, expand/collapse
- **Banido**: tom alarmista "perdeu seu emprego?? clique já"

## 3. Componentes
header (institucional) · hero · areas_de_atuacao · abordagem · equipe (nome + OAB) · publicações (opcional) · faq ético · contato · disclaimer OAB no footer (Provimento 205/2021)

## 4. Regras
1. **Compliance OAB sempre**: sem "garantia de êxito", "melhor advogado", "100% de vitória".
2. **Sócios com OAB visível** em todas as direções.
3. **Áreas de atuação enxutas**, profundas (5–8 max).
4. **Sem valor de honorário** publicado; apenas modelos (hora, êxito %, fixo, misto).
5. **Disclaimer extra no rodapé**: "Adequar à Resolução OAB sobre publicidade antes de publicar".
6. **Disclaimer demo**: "Proposta conceitual — não é site oficial".