Design System Showcase
Tokens, tipografia e estados canônicos da plataforma. Ver docs/DESIGN-SYSTEM.md.
Tipografia
Sora — Display (Aa Ééçã)
Inter — Body. Lorem ipsum dolor sit amet, a legibilidade em dark mode é prioridade máxima aqui.
JetBrains Mono — EF03MA01 · 96% · 1,240 XP
Fundos e superfícies
void
#0A0B14
surface
#12141F
elevated
#1A1D2E
brand-primary
var(--tenant-accent)
Estados de competência (canônicos)
Dominado
mastered
Em progresso
progress
Praticando
practice
Bloqueado
blocked
Recomendado pela IA
ai-recommended
Não iniciado
empty
Risco
critical
#F55A5A
medium
#F5B14F
positive
#2DD4A7
Radii
sm
md
lg
xl
2xl
3xl
Motion
fast · 150ms
base · 300ms
slow · 600ms
MasteryRing
O anel de domínio em todos os estados, tamanhos e níveis de confiança.
Ver todas as variaçõesLearningGraph
Grafo de Maria Eduarda Santos. Arraste para navegar, role para dar zoom, clique num nó.
Indisponível neste provider — o id de demo não existe fora do provider mock.
SmartPlayer
Aula de Lucas Almeida. Clique para tocar — o player pausa automaticamente nos checkpoints.
Indisponível neste provider — o id de demo não existe fora do provider mock.