trdr-brand

Fonte unica dos assets de marca da TRDR. Antes deste pacote, o logotipo e o simbolo estavam duplicados em varios repositorios do ecossistema TRDR, com copias divergentes (viewBox errado, cores erradas, elementos extras). A partir de agora, qualquer troca de logo acontece SOMENTE aqui, dentro de packages/brand/src/. Nenhum outro repositorio deve manter uma copia propria do SVG.

Fingerprint de validacao

A versao correta e oficial do logo TRDR e identificada por:

viewBox="0 0 105 41"
fill="#00D4FF"

Qualquer arquivo logo-trdr.svg encontrado no ecossistema que NAO bata com esse viewBox (por exemplo 0 0 105 62 ou 0 0 115 68) e uma copia divergente e deve ser descartada em favor deste pacote.

Assets e suas versoes canonicas

src/logo-trdr.svg (logotipo completo: simbolo + wordmark "TRDR")

• viewBox: 0 0 105 41
• fill: #00D4FF (simbolo) + white (wordmark)
• Origem escolhida como canonica: trdr-design/skills/trdr-design/references/logo-trdr.svg (conteudo identico, byte a byte nos paths, ao encontrado em trdr-plugins/plugins/trdr-design-system/skills/trdr-ds/references/logo-trdr.svg). As duas copias batem o fingerprint e sao identicas entre si, por isso a escolha foi arbitraria entre elas (mesma fonte de verdade, duplicada).

src/symbol.svg (apenas o simbolo, sem wordmark)

• viewBox: 0 0 42 48
• fill: #00D4FF
• Origem escolhida como canonica: trdr-design/skills/trdr-design/references/symbol.svg (conteudo identico, byte a byte, ao encontrado em TRDR/symbol.svg).

src/logo-trdr-light.svg e src/symbol-light.svg (variantes para fundo claro)

• GERADOS, nunca editados a mao: saem de scripts/build-variants.mjs (pnpm --filter trdr-brand build) a partir dos canonicos acima.
• viewBox identico ao canonico correspondente.
• fill: #0A0A0A em todo o desenho, simbolo e wordmark.

Existem porque o logotipo oficial e desenhado para fundo escuro: o wordmark e branco e some por completo sobre fundo claro, e o simbolo em #00D4FF fica abaixo de 2:1 de contraste sobre branco. A variante monocromatica escura foi a decisao do Mauro em 2026-08-04, e o script recolore so o desenho, nunca o <rect> de dentro do <clipPath>, que define o recorte e nao a cor.

Divergencias detectadas (copias antigas, para apagar depois)

Estes arquivos NAO foram usados como fonte e podem ser removidos do ecossistema depois que os consumidores migrarem para trdr-brand:

1. C:\Users\mauro\Desktop\trdr-design-hub\public\logo-trdr-design-hub.svg Divergente: viewBox 0 0 105 62 (mais alto que o canonico 0 0 105 41). Contem o simbolo + wordmark corretos em #00D4FF/white, MAS acrescenta um segundo bloco de texto "TRDR" (provavelmente um selo ou variante para uso em fundo escuro do Design Hub) em tons de cinza (#E8E8E8) com um gradiente azul (#3D99FF) que nao existe no logo oficial. E uma variante estendida, nao o logotipo puro.

2. C:\Users\mauro\Desktop\TRDR\Logo-trdr.svg Divergente: viewBox 0 0 115 68, geometria totalmente diferente (paths distintos), cores white + gradiente #3D99FF no lugar de #00D4FF. Nao bate o fingerprint em nenhum aspecto: parece ser um estudo/versao antiga de outra fase do projeto, nao o logotipo atual da marca.

Nao foram encontradas copias divergentes do simbolo isolado: as duas ocorrencias de symbol.svg (trdr-design e TRDR/symbol.svg) sao identicas e batem o fingerprint.

Arquivos correlatos que NAO sao assets de marca TRDR e por isso ficaram fora do inventario: TRDR/1.svg, TRDR/loading-v1.svg a loading-v7.svg (icones de loading, nao logo) e tudo dentro de TRDR/impeccable-main/ (assets de um projeto de terceiros vendorizado na mesma pasta, sem relacao com a marca TRDR).

Como consumir

O pacote nao embute o conteudo dos SVGs como string em index.js (isso quebraria o uso direto no browser e duplicaria o trabalho do bundler). Em vez disso:

1. Importe o SVG pelo subpath declarado em exports do package.json:

   import logoUrl from "trdr-brand/logo-trdr.svg"
   import symbolUrl from "trdr-brand/symbol.svg"

   O bundler do app consumidor (Next.js, Vite, etc.) resolve esse caminho como qualquer outro asset estatico e decide como inlinar (componente React, <img>, url, etc).

2. Importe os metadados (nome, viewBox, dimensoes, cor de marca) do modulo principal, uteis para validacao, documentacao ou testes:

   import { logoTrdr, symbol, assets } from "trdr-brand"

Regra de manutencao

Qualquer atualizacao visual do logotipo ou do simbolo da TRDR acontece exclusivamente editando os arquivos dentro de packages/brand/src/ deste pacote. Nenhum outro repositorio ou pasta do ecossistema deve manter copia propria do SVG: os consumidores devem depender de trdr-brand e importar pelo subpath.