# Skill: `lux-carbon-brand`

Design system completo da **Lux Carbon** (Lux Carbon Standard) empacotado como skill
do Claude Code — marca, UI e UX. Construído a partir do acervo oficial
`Lux Carbon - IDV` (Google Drive) **com o `Manual de marca.pdf` lido na íntegra**
(Estúdio Vestígio, 2026) e validado contra os arquivos reais de logo.

## Instalação

```bash
# Projeto (versionado com o repo — recomendado se o time todo usa)
mkdir -p .claude/skills && cp -r lux-carbon-brand .claude/skills/

# Pessoal (vale em todos os projetos da máquina)
mkdir -p ~/.claude/skills && cp -r lux-carbon-brand ~/.claude/skills/
```

A skill dispara sozinha quando você pede peça, tela, deck, post ou copy da Lux Carbon.
Para forçar: *"use a skill lux-carbon-brand"*.

## Estrutura

```
lux-carbon-brand/
├── SKILL.md                  ponto de entrada (roteiro + regras invioláveis)
├── references/
│   ├── marca.md              essência, tagline, manifesto, tom de voz, copy
│   ├── cores.md              paleta oficial + contraste WCAG calculado
│   ├── tipografia.md         famílias, as 4 vozes do manual, escala, @font-face
│   ├── logotipos.md          24 variantes, convenção Claro/Escuro verificada
│   ├── aplicacoes.md         receitas: web, decks/docs, social, halftone
│   ├── ui-componentes.md     kit de UI completo (botões→dataviz)
│   ├── ux-diretrizes.md      UX writing, estados, a11y, motion, responsivo
│   ├── manual/               as 14 páginas do Manual de marca (JPEG)
│   ├── exemplos-posts/       posts oficiais de referência
│   └── paleta-de-cores.png   arquivo oficial da paleta
├── assets/
│   ├── fonts/                Zalando Sans + Public Sans (variáveis, OFL)
│   ├── tokens/               tokens.css · tokens.scss · tokens.json · tailwind.tokens.js
│   └── logos/
│       ├── colorido/         svg/ · svg-tight/ · png/ · pdf/
│       ├── mono/             svg/ · svg-tight/ · png/ · pdf/
│       └── parceiros/        BMS · HIL · Northern Trust · Sylvera
└── exemplos/
    └── exemplo-web.html      showcase navegável (tokens + logos reais)
```

## Novidades da v2 (layout moderno + UI exclusiva)

- **Área de UI completa** em `exemplos/`: `ui-kit.html` (biblioteca com todos os
  componentes e classes), `landing.html` (template de marketing composto como capa)
  e `app.html` (shell de produto).
- **Componentes exclusivos da marca** em `tokens.css`: régua de ticks, círculo de
  dado, selo de certificação, carimbo de proveniência, trilha de rastreabilidade,
  pill do manual, fundo atmosférico + orbes, halftone.
- **Foco nas logos principais**: kit curado em `assets/logos/principais/`
  (Principal, Blocada, Favicon, Tagline) — o acervo completo virou uso situacional.
- **Imagens oficiais** extraídas do manual em `assets/img/` (foto aérea limpa da
  capa + textura do gradiente institucional).
- **Proibições anti-clichê de layout de IA** codificadas em
  `references/ui-componentes.md` §16 (sem eyebrow por seção, sem 01/02/03, sem grade
  de cards idênticos, sem hero-metric, sem side-stripe; compor como capa).

## O que foi verificado (e corrigido) na v1

- **Manual de marca lido por completo** — regras de tamanho, usos proibidos,
  composição e as especificações tipográficas reais (p. 9) estão nas referências.
  As páginas ficam em `references/manual/` para consulta visual.
- **Convenção `Claro`/`Escuro` corrigida**: verificando os SVGs, o sufixo indica o
  **fundo de destino** (não a cor da arte). `Principal_Claro.svg` tem arte navy
  `#17293F` → vai em fundo claro. Rascunhos anteriores assumiam o inverso.
- `Blocada_Centralizada_Claro_1` identificada como a versão para fundo escuro
  (não existe `_Escuro` desse lockup no acervo).
- `Lux_Carbon_Standard_*.svg` contém **texto vivo** (não vetorizado) — em web,
  use o PNG.
- Contrastes WCAG **recalculados** e conferidos (batem com a tabela publicada).
- Tagline oficial extraída dos arquivos: *"A infraestrutura que transforma carbono
  em ativo."* · Claim: *"A primeira certificadora de carbono do Brasil"*.
- **`svg-tight/`**: os SVGs originais têm artboard 1200×1080 com o logo pequeno no
  centro; as versões tight têm viewBox justo (uso em web). Os PNGs foram aparados.

## O que ficou fora (e onde encontrar)

| Item | Onde está |
|---|---|
| Arquivos-fonte `.ai` | Drive · `1. Logotipo e Assinaturas/*/1. Vetor (AI)/` |
| PNGs com fundo aplicado | Drive · `*/2. Fundo Colorido (PNG)/` |
| `Manual de marca.pdf` original (108 MB) | Drive · `4. Manual de marca/` |
| Posts completos em alta | Drive · `posts/` |

Pasta do Drive: <https://drive.google.com/drive/folders/1QbwhFaTldaBhTg3vQXMHqG3BKud4s-bT>

## Licenças

Fontes Zalando Sans e Public Sans sob **SIL Open Font License** (arquivos `OFL-*.txt`
em `assets/fonts/`) — uso livre, inclusive comercial e web. Logotipos, manual e posts
são propriedade da Lux Carbon Standard ® — uso restrito à marca.
