# Design

Sistemas de design do ecossistema eco00.

---

## Hierarquia (decisão de Wagner, 2026-07-05)

**Impact é a fonte única de identidade visual do ecossistema** — cor e
tipografia. Não existem mais três sistemas paralelos e independentes.

| Sistema | Pasta | Papel | Define identidade própria? |
|---------|-------|-------|------|
| **Impact** | `impact/` | Fundação — cor, tipografia, e agora também layout de sidebar/formulário | Sim — é a fonte |
| **Oficina** | `oficina/` | Implementação do Impact para interfaces de retaguarda (áreas autenticadas, back offices) | Não — consome o Impact via `oficina/tokens/theme-vars.css` |
| **Final Light** | `final-light/` | Interno — engenharia, laboratório, documentação técnica | Sim, independente — não fez parte desta decisão |

**Por quê:** clientes e usuários devem sentir a mesma marca ao ler um
documento institucional (Impact) e ao entrar no painel administrativo deles
(Oficina) — identidade contínua, não dois produtos visuais diferentes.

`Final Light` continua com identidade própria — essa decisão não se estendeu
a ele.

---

## Princípio

- Se vai para fora do laboratório ou para uma audiência não técnica → **Impact**
- Se é uma interface de retaguarda autenticada (oficina) → **Oficina**
  (usa a identidade do Impact, nunca define cor/fonte própria)
- Se vive dentro do laboratório ou é para engenharia → **Final Light**

---

## Referências canônicas

- `impact/impact.html` e `impact/tokens/` — fonte de identidade
- `oficina/demo/` — demo navegável, consome `impact/tokens/`
- `final-light/final-light.html` — independente

Antes de produzir qualquer documento novo, abrir a referência canônica do
sistema certo e seguir os tokens que ele define — nunca inventar um sistema
novo na hora.