Multi-marca

import { Aside } from ‘@astrojs/starlight/components’;

Modelo

Singularidade Digital é a matriz. Cada produto (integras.digital, futuros) é uma sub-marca endossada — herda integralmente DNA visual (paleta, tipografia, princípios).

Aplicação

<html data-brand="singularidade" data-theme="light">
<html data-brand="integras" data-theme="light">

Ambos brands carregam o mesmo magenta #E91E8B em --color-brand-primary — são da mesma família. Só logo + nome mudam.

Adicionando uma nova sub-marca

Criar packages/tokens/src/brands/<nome>/identity.json:

{
  "brand": {
    "name": { "$value": "novo.produto", "$type": "string" },
    "id": { "$value": "novo", "$type": "string" },
    "logoSymbol": {
      "$value": "@singularidade/brand-assets/logos/novo/symbol.svg",
      "$type": "asset",
    },
  },
}

Criar packages/tokens/src/brands/<nome>/overrides.json vazio:
```
{}
```
Adicionar nome no array BRANDS do style-dictionary.config.mjs.
Build: pnpm --filter @singularidade/tokens build — gera nome.{light,dark}.css automaticamente.
Adicionar logos correspondentes em packages/brand-assets/src/logos/<nome>/.

Por que esse modelo

DNA unificada — qualquer mudança em core ou semantic propaga pra TODAS as marcas
Reconhecimento visual — usuário sabe que integras é “do mesmo grupo” da Singularidade
Setup leve — adicionar nova marca é 2 arquivos JSON + assets

Veja ADR-003 pra rationale completa.