Logo

Formatos

Dois formatos, cada um com uma versão para fundo claro (traço stone-950) e uma para fundo escuro (traço branco). Nada de versão colorida: o verde entra pelo fundo, nunca pelo traço.

Lockup

claroescuro

Símbolo e nome. É a marca por extenso: cabeçalho do site, tela de login, rodapé.

Símbolo

claroescuro

O coração com a bolinha, sozinho. Favicon, avatar, barra recolhida — onde não há largura pro nome.

Cor

No painel e no site a marca é currentColor: ela veste a cor do texto ao lado. Três combinações e só — o chrome, o sage sobre claro, o branco sobre sage profundo.

• text-highlighted — a barra lateral, o cabeçalho do site
• text-primary — o símbolo sozinho, como avatar da secretária
• bg-sage-900 text-white — peça, painel de abertura

Altura

A altura é a única medida: o lockup é 281 × 41 e o símbolo 96 × 96, larguras diferentes para a mesma altura. Fixa-se h-* e a largura acompanha — size-* esmagaria o lockup num quadrado.

O símbolo como ícone

O símbolo encosta nas bordas do próprio viewBox; o Lucide desenha dentro de 24 e deixa 2 de margem. No mesmo size-5 o símbolo saía maior e mais alto que os vizinhos. Por isso existe o i-brand-icon: o mesmo desenho com respiro em volta, na proporção do Lucide — é ele que entra no menu, no botão e no avatar do chat. Para a marca em si (favicon, lockup, uso externo) vale o i-brand-mark, sem margem.

Arquivos

A fonte da verdade é apps/web/app/assets/brand/; o site e este guia carregam cópias. Os de cor fixa em public/brand/ são para onde currentColor não chega: e-mail, og:image, apresentação.