Papel, tinta e uma só cor.
Tokens e componentes partilhados pelo site (ds.css) e pelo relatório PDF (n8n/relatorio.js, que usa os mesmos valores e leva as fontes embutidas). Registo editorial de relatório de consultora, com dados tratados como num jornal económico.
Marca
Um anel aberto (o score) e um ponto terracota (a resposta da IA). Sempre a tinta, nunca dentro de um quadrado colorido.
Cor
Neutros quentes com um só tom de cinzento. A terracota marca a empresa analisada e o que precisa de atenção; nada mais tem cor. Os concorrentes distinguem-se por tom, do mais escuro (mais recomendado) ao mais claro.
Tipografia
Instrument Serif para títulos e números grandes, Geist para texto, Geist Mono para rótulos e valores. Tudo self-hosted (SIL OFL), sem pedidos a terceiros.
Componentes
Superfícies brancas com uma linha fina; sombra só no que se pode usar (formulário, compra). Hierarquia pela tipografia, não por caixas.
- ✓Os robots de pesquisa de IA podem entrar12/12
- ✕Ficheiro llms.txt para assistentes de IA0/4
Regras
O que mantém o sistema coerente quando alguém lhe acrescenta coisas.
- Uma só cor de destaque. Se uma segunda cor parece necessária, usa um tom da escala.
- A linha da empresa analisada vem sempre primeiro nos rankings e é a única a terracota, mesmo a zero.
- Círculos para proporções (score, quota de voz, tipos de fonte); barras finas para rankings.
- Números grandes em serif; rótulos em mono e maiúsculas; nunca negrito em números.
- Linhas finas em vez de caixas; sombra só em elementos acionáveis.
- O PDF usa sempre o tema claro e as fontes embutidas.