# Claude Brand Kit

Brand assets oficiais Anthropic Claude para uso interno NXT — bloco `ClaudeChatBlock` no pilot, tema visual `nxt-claude`, ícones de taskbar.

Servido via `https://assets.plataforma.app/claude-brand/`.

## Conteúdo

### `logo/` — logos oficiais Claude (asterisco peach)

| Arquivo | Origem | Uso |
|---|---|---|
| `asterisk-color.svg` | LobeHub icons (extraído de claude.ai) | Logo principal cor `#D97757`, `currentColor`-friendly, viewBox 24×24 |
| `asterisk-mono.svg` | LobeHub icons | Versão monocromática `currentColor` (herda do tema) |
| `asterisk-wikimedia.svg` | Wikimedia Commons (`Claude_AI_logo.svg`) | Vector hi-res alternativo |
| `asterisk-color-512.png` | Rasterizado 512×512 | Fallback raster |
| `app-icon-338.png` | claude.ai favicon hi-res | App icon com bg cream (`#F4F0E8`) |
| `wordmark.svg` | LobeHub `claude-text.svg` | Logotype "Claude" tipográfico |

### `clawd/` — mascote oficial Claude Code (pixel-art 8-bit)

Clawd é o mascote oficial introduzido pela Anthropic em set/2025 (GitHub issue [#8536](https://github.com/anthropics/claude-code/issues/8536), feature [#42415](https://github.com/anthropics/claude-code/issues/42415) — animated companion).

| Arquivo | Origem | Tamanho/Uso |
|---|---|---|
| `clawd.svg` | `dl.svgcdn.com/svg/cbi/claude-clawd.svg` | Vector silhueta `currentColor`, viewBox 24×24 |
| `clawd-200.png` | dl.svgcdn.com | 200×200 — favicon, inline icon |
| `clawd-400.png` | dl.svgcdn.com | 400×400 — avatar do assistant **(default no bloco)** |
| `clawd-800.png` | dl.svgcdn.com | 800×800 — retina hero |
| `clawd-tui-screenshot.png` | starkinsider.com | 1904×716 — referência visual do uso original (Claude Code TUI) |
| `clawd-illustrations.png` | getillustrations.com | 1600×1200 — pack de variações pixel-art |

## Cores oficiais

```
#D97757 ─── Claude Peach (primary, asterisco) — extraído do SVG oficial LobeHub
#F4F0E8 ─── Claude Cream (bg surface) — observado no claude.ai favicon
#1A1614 ─── Claude Charcoal (texto sobre cream) — derivado pra contrast WCAG AA
```

⚠️ Nota: brandcolorcode.com lista `#DE7356` como aproximação. O hex **real** extraído do SVG oficial Anthropic é `#D97757`.

## Tipografia

Anthropic usa **Tiempos Text** (Klim Type Foundry, paga) + **Styrene B** (Berton Hasebe, paga). Como não estão publicamente disponíveis pra download:

- **Source Serif 4** (`@fontsource/source-serif-4`) → análogo free de Tiempos
- **Inter Tight** (`@fontsource/inter-tight`) → análogo free de Styrene

Slot CSS pronto pra trocar se você obtiver `.woff2` reais — ver `tokens.css`.

## Trademark e uso

Claude e Clawd são trademarks da Anthropic. Os arquivos aqui são curados de fontes públicas (LobeHub icons, Wikimedia, dl.svgcdn.com — Custom Brand Icons OSS). Uso permitido para:

- ✅ Documentação técnica, dev tools internas, dashboards
- ✅ Bloco `ClaudeChatBlock` do pilot (interface pra Claude API)
- ❌ Material de marketing externo, produtos competidores, merchandise

Para uso comercial, consultar [brand guidelines da Anthropic](https://www.anthropic.com/).

## Atualizar

Re-baixar das fontes originais:

```bash
cd /tmp && mkdir -p claude-brand && cd claude-brand

# Logos LobeHub
curl -O https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/claude-color.svg
curl -O https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/claude.svg
curl -O https://raw.githubusercontent.com/lobehub/lobe-icons/master/packages/static-svg/icons/claude-text.svg

# Clawd
curl -O https://dl.svgcdn.com/svg/cbi/claude-clawd.svg
for size in 200 400 800; do
  curl -O https://dl.svgcdn.com/png/cbi/claude-clawd-$size.png
done
```

Última atualização: 2026-05-02.