# Design System — Automotive

Sistema para o nicho **automotive**. Três direções visuais nomeadas, irreconhecíveis entre si.

## 1. Tokens base
- Cores semânticas: primary, secondary, accent (UM por demo), bg, surface, text, muted, border.
- Tipografia: heading = direção-dependente (mono técnica, sans condensada caps, mono de painel); body = Space Grotesk, Manrope ou IBM Plex Sans.
- Escala (rem): xs 0.75 → 6xl 3.75 → 8xl 6.
- Espaço (4px): 0/1/2/3/4/5/6/8/10/12/16/20/24/32.
- Raio: none/sm 2/md 4/lg 8/full — automotive favorece raios MUITO baixos.
- Sombra: predominantemente ausente. Direção 03 (Pit Stop) usa box-shadow chapada deslocada.

## 2. Direções estéticas

### 01 · Engineering Brief (premium multimarca)
- bg `#0F1113` (carbono) · text `#DDE3E8` · accent `#D8001F` (ferrari, pontual)
- Heading: **Space Grotesk** ou **JetBrains Mono** (uppercase, técnica) · Body: **Space Grotesk**
- Composição: grid 12 visível com hairlines, headers `01 / DIAGNÓSTICO`, ficha técnica em mono
- Linhas finas como blueprint, foto de carro com cotas técnicas e callouts
- Motion: linhas que desenham ao scroll (stroke-dasharray)
- **Banido**: gradiente metálico cromado, fundo fibra de carbono, "racing flag"

### 02 · Garage Honesty (bairro confiança)
- bg `#EDE6D8` (creme industrial) · text `#1A1A1A` · accent `#1F4E8C` (azul macaquinho)
- Heading: **Anton** ou **Archivo Black** (uppercase condensada) · Body: **Manrope**
- Composição: blocos sólidos, divisões duras, grão sutil no bg, sem brilho
- Foto P&B granulada do mecânico; garantia escrita em destaque tipográfico
- Motion: quase zero
- **Banido**: stock "família feliz", cartoon de mecânico, balão de fala

### 03 · Pit Stop OS (centro rápido)
- bg `#FFCF00` (pit) + `#111` chapado · accent `#E11900` (corrida)
- Heading: **JetBrains Mono** ou **Space Mono** display gigante · Body: **IBM Plex Sans**
- Composição: cards-painel com bordas grossas pretas, contadores grandes (counter-up animado), ícones técnicos line
- Tempo estimado por serviço como cronômetro
- **Banido**: checkered flag clichê

## 3. Componentes
header · hero · services (lista de 3–8 serviços com "a partir de R$") · differentials · about · testimonials · gallery · agendamento_cta · contact · footer · whatsapp/booking FAB

## 4. Regras
1. **Garantia escrita** sempre visível em hero ou na faixa imediatamente abaixo.
2. **Tabela peça original × paralela** com preço, garantia e prazo.
3. Foto do interior da oficina ou equipamento real — nunca render 3D de carro.
4. Selos (Sindirepa, marcas autorizadas) no rodapé ou faixa de prova social.
5. Mecânico nomeado quando faz sentido (Direção 02).
6. WhatsApp como canal de orçamento prévio.
7. Disclaimer "Proposta conceitual — não é site oficial".