Um núcleo sólido de pixels e um anel de satélites em volta. Parada, é a marca. Girando, é o produto pensando — cada tool que roda acende um satélite. É o mesmo desenho nos dois estados: nada de spinner genérico.
É esse o logo. Marca à esquerda, wordmark em Newsreader, caixa alta, letterspacing largo. O respiro entre marca e palavra é a largura de um satélite. Marca e palavra andam sempre na mesma cor.
Abaixo de 16px o anel some visualmente. Nesse tamanho, use só o wordmark — ou só a marca, se o nome já estiver no contexto.
Use isolada quando o nome já estiver claro: favicon, ícone do app, avatar do agente, carimbo dentro do produto. Fora disso, use o logo principal.
Existe um único sinal de carregamento no NUCLEO: a Órbita em movimento. Toda conversa, toda tabela e todo botão em espera usam essa mesma peça — o produto nunca 'pensa' com dois desenhos diferentes.
Estática. Marca em qualquer superfície e avatar das respostas do agente já prontas.
Enquanto o agente responde. O anel corre e o verbo muda: somando, conferindo, cruzando o histórico.
Versão inline: botões em envio, linhas carregando, ações de registro.
O anel é sempre 16 satélites em 1,4s com steps(1, end): nunca desliza, sempre salta de casa em casa. O tamanho muda, o tempo não — assim o movimento é reconhecível como marca, e não como um spinner qualquer.
Herda currentColor: no botão sólido ela vira papel, no contorno vira tinta.
Em 12px a Órbita substitui o skeleton: a linha continua legível enquanto o número não chega.
O avatar do agente é a própria marca: parada quando a resposta está pronta, girando enquanto ela é calculada.
Carregando o workspace…
Tela cheia — 64px, centro óticoi / 16 × 1,4s. Nunca acelere para "parecer mais rápido".steps(1, end) — o movimento é pixelado, sem interpolação. É essa aspereza que identifica a marca.Landing e produto compartilham os mesmos tokens em src/styles.css — nunca escreva cor solta no componente. A terracota é a única cor saturada: se aparecer duas vezes na mesma tela, uma delas está sobrando.
Canvas
Fundo de tudo — landing e produto.
Tinta
Texto e marca.
Terracota
Ação e ênfase. Uma por tela.
Tile
Cartão Apple — sem filete, só preenchimento.
Silêncio
Campos, skeletons, chips.
Acento
Bolha do usuário, hover.
Filete
Hairline 8% — quase invisível.
Alerta
Só para risco real.
Display Apple: Manrope semibold, tracking apertado, para títulos, números e interface. Newsreader fica só no wordmark NUCLEO — a peça que não muda.
Caixa realizado
A receber em aberto
Todo número vem de uma tool.
NUCLEO
A única peça editorial. Interface, títulos e números são Manrope — mesma face da landing, tracking de display Apple.
Rótulo micro · 11px · tracking largo
Raio de 28px no tile, pílula nos botões, hairline quase invisível. A hierarquia vem do espaço e do peso do texto — tiles cinza no canvas, sem sombra.
Caixa realizado
R$ 128.400,00
Quanto tenho a pagar essa semana?
São 4 títulos abertos, R$ 12.380,00 no total. Todos vieram de finance.payables.list.
O NUCLEO fala na língua do workspace (PT ou EN) e nunca inventa número. Se não passou por uma tool, não é resposta.