01 · Tokens
Cores
background
bg-background
foreground
bg-foreground
primary
bg-primary
secondary
bg-secondary
muted
bg-muted
accent
bg-accent
border
bg-border
amber
bg-amber
amarelo
bg-magenta
leaf
bg-leaf
turquoise
bg-turquoise
sunflower
bg-sunflower
parchment
bg-parchment
plum
bg-plum
ink
bg-ink
cream
bg-cream
02 · Tipografia
Famílias & Escala
font-display · Fredoka
Encantar é o nosso ofício
font-body · Plus Jakarta Sans
Tendo a qualidade como premissa e o encantamento do público como meta, despertamos o lúdico e o imaginário em cada espetáculo.
font-script · Caveat
com carinho, para a infância
font-label · Nunito
Ato 01 · Cortina aberta
text-6xlDisplay XXL
text-5xlDisplay XL
text-4xlHeading 1
text-3xlHeading 2
text-2xlHeading 3
text-xlSubtitle
text-baseBody
text-smSmall
text-xsCaption
03 · Profundidade
Sombras
shadow-soft
shadow-pop
shadow-magenta
shadow-glow
04 · Ações
Botões
✦ Pill destaqueChip SunflowerChip LeafChip Turquoise
05 · Sinalização
Badges & Alerts
Default
Secondary
Outline
Destructive
Cortina aberta!
Novo espetáculo na agenda 2026.
Ingressos esgotados
Acompanhe a próxima data.
06 · Formulários
Inputs & Controles
07 · Containers
Cards
Card padrão
Descrição secundária
Conteúdo do card com tokens do sistema.
Card destaque
Variação de destaque
Use com moderação para chamadas fortes.
Card sol
Energia infantil
Combina bem com chips e badges.
08 · Navegação
Tabs, Accordion & Mais
Conteúdo de espetáculos.
AMCTOZ
09 · Utilidades
Efeitos de Marca
.stage-spot
Holofote
.blob + .wiggle-hover
Forma orgânica
✦
.sparkle / .float