PLBeer · interno
Style Guide
Fundações visuais. Esta rota será removida antes do ship.
Tokens semânticos
--background
Fundo geral da página
--foreground
Texto principal
--surface
Superfícies (cards, drawers)
--muted
Áreas secundárias
--muted-foreground
Texto secundário
--border
Linhas e divisores
--primary
Accent (amber 500) — CTAs
--primary-foreground
Texto sobre primary
--secondary
Botões secundários
--destructive
Erros e ações destrutivas
--success
Confirmação
--warning
Atenção
--info
Informativo
Tipografia
- Cerveja gelada agoratext-xs · metadados
- Cerveja gelada agoratext-sm · UI default
- Cerveja gelada agoratext-base · cliente mobile
- Cerveja gelada agoratext-lg · seção
- Cerveja gelada agoratext-2xl · título de tela
- Cerveja gelada agoratext-3xl · hero
Raio
sm
md (default)
lg
xl
2xl (chat bubbles)
full (avatars/FAB)
Botões
Inputs
Usado para magic link
Senha deve ter ao menos 8 caracteres
Aparece para clientes
Cards & Badges
IPA Mosaic
American IPA · 6.2% ABV
Pedido #4821
Mauro Valeri · R$ 87,50
Loading & Empty & Error
Skeleton
Nenhum pedido ainda
Quando você receber um pedido, ele aparece aqui.
Algo deu errado
Não conseguimos carregar os pedidos.
Tabs
Lista de todos os pedidos.
Overlays & Toasts
Chat (preview)
Conversa cliente mockada com streaming, tool-call e carrossel.
Abrir preview do chat →