# Logotipos e assinaturas

Fonte: `1. Logotipo e Assinaturas/` (Drive · Lux Carbon - IDV) + `Manual de marca.pdf`
p. 4–8 (`references/manual/page-04..08.jpg`). Convenções **verificadas abrindo os
arquivos** — as cores citadas foram medidas nos SVGs.

## 1. O logotipo

O logo da Lux Carbon é um **wordmark**: "LuxCarbon®" composto em uma grotesca sob
medida com detalhes de encaixe próprios (o "u" com serifa de saída, o "n" com recorte).
Não existe símbolo separado — a menor unidade da marca é o tile "Lux" (favicon).
Por isso **jamais** recrie o logo digitando texto: os detalhes são desenho, não fonte.

## 2. Convenção de nomes — ATENÇÃO, verificada nos arquivos

O sufixo indica **o fundo sobre o qual o arquivo deve ser aplicado**, não a cor da arte:

| Sufixo | Aplicar sobre | Cor da arte (colorido) | Cor da arte (mono) |
|---|---|---|---|
| `_Claro` | **Fundo claro** (`#FFFFFF`, `#EBECEE`, `#D5E5EC`) | Navy do logo `#17293F` (+ verde `#1E6E43` nas versões com tagline) | Preto |
| `_Escuro` | **Fundo escuro** (`#0B3D2E`, `#003C63`, `#02172E`, foto escura) | Branco do logo `#FDFEFF` (+ verde claro `#7EB572`) | Branco |

⚠️ As cores **internas** do logo (`#17293F`, `#FDFEFF`, `#7EB572`) são exclusivas dos
arquivos — não as use como cor de UI e nunca repinte o logo com as cores institucionais.

## 3. Kit principal — 95% dos casos usa só isto

**Foco da marca: as logos principais.** Atalho físico com estes arquivos prontos:
`assets/logos/principais/`. Só saia deste kit quando o contexto pedir explicitamente
(ver §4).

| Lockup | Arquivo (fundo claro / fundo escuro) | Proporção | Uso |
|---|---|---|---|
| **Principal** — wordmark "LuxCarbon®" | `Principal_Claro` / `Principal_Escuro` | ≈ 6.5:1 | O padrão absoluto: header, docs, slides, posts, assinaturas. Na dúvida, é este. |
| **Blocada** — "Lux" sobre "Carbon" | `Blocada_Centralizada_Claro` / `Blocada_Centralizada_Claro_1`* | ≈ 2:1 | Espaço quadrado ou vertical: capa, splash, avatar, story. |
| **Favicon** — tile arredondado "Lux" | `Favicon_Claro` (tile navy) / `Favicon_Escuro` (tile claro) | 1:1 | Favicon, app icon, avatar pequeno, selo. Aguenta 16px. |
| **Tagline** — wordmark + tagline verde | `Tagline_Claro` / `Tagline_Escuro` | ≈ 6.5:1 | Momento institucional: capa de deck, rodapé de site, anúncio. |

\* `Blocada_Centralizada_Claro_1` é a versão para **fundo escuro** (arte branca) —
o acervo não tem arquivo `_Escuro` desse lockup; o nome herdado confunde mesmo.

**Tamanhos (manual p. 7)** — wordmark Principal, largura: digital mín. **100px**,
social **210px**, máx. **320px** (hero em que o logo é o protagonista pode exceder
com bom senso); impresso mín. **200px** (~20mm). **Respiro:** altura da letra "L"
livre em todos os lados (os arquivos desta skill já vêm aparados; o respiro é seu
trabalho no layout).

## 4. Acervo completo — uso situacional

Existem em `assets/logos/{colorido|mono}/...` com os 5 formatos. Não use por variedade;
use quando o caso de uso for exatamente o descrito:

| Variante | O que é | Só quando |
|---|---|---|
| `Blocada_Lateral` | Empilhado compacto | Header muito estreito, assinatura de e-mail |
| `Tagline_Blocado` | Blocada + tagline | Peça vertical institucional |
| `Manifesto` | Selo com borda verde + claim + wordmark | Carimbo institucional: contracapa, credenciamento |
| `Lux_Carbon_Standard` | Lettering "LUX CARBON STANDARD" (verde no "Standard") | Documento formal/registro da certificadora. **SVG tem texto vivo → use o PNG** |
| `Lettering` | Assinatura **manuscrita** (brush script) | Momento editorial/humano: carta, manifesto, marca d'água. Nunca em UI |
| `Poweredby` | "POWERED BY LuxCarbon" | Co-branding/whitelabel |
| `Lux` / `Carbon` | Palavras isoladas | Uso interno, espaço extremo |

## 5. Formatos e pastas (nesta skill)

```
assets/logos/
├── principais/            ← KIT PRINCIPAL pronto (svg-tight + png)
├── {colorido|mono}/
│   ├── svg/               originais (artboard 1200×1080, MUITO espaço vazio)
│   ├── svg-tight/         viewBox justo → USE EM WEB/UI
│   ├── png/               transparentes aparados → decks, docs, Office
│   └── pdf/               impressão/gráfica
└── parceiros/             BMS, HIL, Northern Trust, Sylvera
```

- **Web/UI → `svg-tight/`** (ou `principais/`). Os originais têm o logo pequeno num
  artboard gigante — num `<img height="40">` o desenho ficaria com ~12px.
- **Docs/slides → `png/`.** **Gráfica → `pdf/`.** Arquivos-fonte `.ai` e PNGs com
  fundo aplicado ficaram no Drive.
- Colorido vs mono: **colorido quando o fundo permite; mono quando não permite**
  (foto complexa, fundo fora da paleta, impressão 1 cor).

## 6. Escolha rápida

| Contexto | Arquivo |
|---|---|
| Header de site (fundo claro) | `principais/Principal_Claro.svg` |
| Header/footer (fundo escuro) | `principais/Principal_Escuro.svg` |
| Favicon / avatar | `principais/Favicon_Claro.svg` |
| Capa de deck (fundo escuro/foto) | `principais/Tagline_Escuro.png` |
| Slide interno (fundo branco) | `principais/Principal_Claro.png` |
| Post quadrado sobre foto escura | `principais/Blocada_Centralizada_Claro_1.png` |
| Rodapé de documento | `principais/Principal_Claro.png` (pequeno) |
| Sobre foto de baixo contraste | `mono/svg-tight/Principal_Escuro.svg` (branco) + véu |
| Co-branding | `colorido/.../Poweredby_*` |
| Selo institucional | `colorido/png/Manifesto_*` |

## 7. Usos proibidos (manual p. 6) e aplicação sobre foto

1. Não distorcer · 2. Não rotacionar · 3. Não mudar a cor · 4. Não mudar a proporção ·
5. Não inverter a ordem ("Carbon Lux") · 6. Não trocar a tipografia · 7. Não usar
versão sem contraste com o fundo · 8. Não aplicar efeito/sombra · 9. Não usar contorno.

Sobre foto: prefira a versão branca (`*_Escuro`) com véu `#02172E` a 40–60% atrás,
ou área da foto naturalmente escura + halftone. Em web, SVG sempre que possível.

## 8. Logos de parceiros (`assets/logos/parceiros/`)

| Arquivo | Parceiro |
|---|---|
| `bms-azul.svg`, `bms-re.svg` | BMS / BMS Re |
| `Logo-HIL-Branco.svg` | HIL (versão branca — só fundo escuro) |
| `NTRS_BIG.D.svg`, `northern-trust-logo-600.png` | Northern Trust |
| `sylvera.svg`, `sylvera-branco.svg` | Sylvera |
| `layout_set_logo.png` | (não identificado — confirmar antes de usar) |

Co-branding: mesma **altura óptica** (não mesma largura), separador vertical 1px
`#A4ABB4`, respiro igual ao maior dos dois. Nunca recolorir logo de parceiro.
Em "powered by", o arquivo `Poweredby_*` já resolve.
