Suíte F7
Design System
Cores — tokens semânticos
background
foreground
card
primary
secondary
muted
accent
destructive
success
warning
border
Cores — acentos por módulo
arquetipos
16-tipos
estilo-cognitivo
disc
big-five
adhd
4f
Tipografia
Suíte F75xl / black
Suíte F74xl / bold
Suíte F72xl / semibold
Suíte F7lg / medium
Suíte F7base / normal
Suíte F7sm / muted
Suíte F7xs / overline
Botões
Badges
Default
Secondary
Success
Destructive
Outline
Formulário
Input + Label
Campos base do Design System.
Tabs
Conteúdo da visão geral.
Progress
ProgressPhased (anti-abandono)
IdentidadeMotivaçãoRelaçõesPropósito
LikertScale
Discordo totalmenteConcordo totalmente
Selecionado: —
ScoreHero
Seu arquétipo dominante
O Guerreiro
87%
Você lidera pela ação e pela coragem, transformando desafios em direção.
ResultBarChart
Guerreiro92%
Criador78%
Sábio64%
Explorador51%
Cuidador33%
RadarChart
RadarChart — N eixos (3 a 8)
RadarChart — configuração do Retrato (fitLabels + responsive)
ConstellationHero (Retrato Integrado)
Cada ponto é um módulo seu; o centro é você.
QuestionCard
Pergunta 3 de 24
Sinto energia ao liderar um grupo em direção a um objetivo.
DiscordoConcordo
SectionBreak
Seção 2 de 5 concluída
Extroversão
Próxima: Amabilidade · ~4 min restantes
PaywallGate
Relatório completo
30 facetas detalhadas + interpretação por IA.
ShareCard
Suíte F7
O Guerreiro87%
Arquétipossuite-f7.com.brOverlays & feedback
Skeleton & Separator
Conteúdo após o separador.