Design System — Vértice

Tokens, tipografia e componentes base. Toda tela deve partir daqui.

Marca

Vértice
White-label: logo, cores e nomes vêm do tenant.

Cores

primary

secondary

accent

success

warning

info

destructive

muted

border

Tipografia (Inter)

Transforme respostas em clarezaDisplay / 32px
Transforme respostas em clarezaTítulo de página / 24px
Transforme respostas em clarezaTítulo de seção / 20px
Transforme respostas em clarezaCard importante / 18px
Transforme respostas em clarezaCorpo destacado / 16px
Transforme respostas em clarezaInterface padrão / 14px
Transforme respostas em clarezaTabelas / 13px
Transforme respostas em clarezaLabels / 12px

Botões e badges

PillRascunhoConcluído

Formulários

Progresso e cards

THE Projects · Questão 14 de 3145%
x
THE Talent · Questão 31 de 31100%
x
Card de exemplo
Bordas suaves, sombra discreta e espaço em branco.

Empty state

Nenhum diagnóstico por aqui ainda.

Crie seu primeiro diagnóstico para começar a mapear oportunidades.