Cores
Cada marca tem base · dark · bright. As cores semânticas (success/warning/error/info) são idênticas nas 9 marcas — feedback é linguagem, não decoração. Troque a marca no topo para ver tudo re-tematizar.
Tipografia
Escala modular ~1.25 em Montserrat (fallback público de Gotham). Mont/Gotham nunca em web pública.
Espaço · Raios · Sombra
Escala de espaçamento base-4, raios sm/md/lg/xl/pill e elevação raised/overlay/modal.
Botões
4 variantes × estados × tamanhos. Adaptam por marca.
Badges & Tags
Status em estilo sólido e suave, e tags removíveis.
Avatar & Card
Card padrão
Container base com borda, raio lg e sombra raised. Slot livre pra conteúdo.
Campos & controles
Todo campo com label, ajuda e erro acessíveis. Foco visível na cor da marca.
Alert · Toast · Estados
Nenhum mapeamento ainda
Conecte um grupo de WhatsApp a um canal do ClickUp para começar.
Tabela · KPI · Timeline
| Cliente | Canal | Sentimento | Última msg |
|---|---|---|---|
| Acme Ltda | #acme-projeto | Positivo | há 2h |
| Beta Corp | #beta-suporte | Neutro | há 1d |
| Gama SA | #gama-ops | Risco | há 4d |
ChartFrame · Sparkline · Gauge
Todo gráfico dentro de um ChartFrame (título + leitura executiva). Paleta categórica CVD-safe.
Dialog · Menu · Accordion
EmptyState · Página de erro · Login
Página não encontrada
O link pode ter mudado de lugar.
Entrar no Tallky
Bem-vindo de volta.
Hero · Pricing · Trust · CTA
Transforme atendimento em relacionamento que fica
Um bloco Hero da camada de marketing — headline de transformação, 1 CTA primário acima da dobra.
Onboarding assistido
+ créditos de IA
+ stakeholder intel
SLA & governança
Pronto para centralizar seu atendimento?
Diagnóstico gratuito de 20 minutos.