Design System
Tokens, componentes e padrões oficiais do painel Lovable.Up — em light e dark mode.
Tipografia
Família Sora em todo o sistema. Mono apenas para chaves, códigos e valores técnicos.
Page title — 24/800
Visão Geral
Section title — 18/700
Tabela de preços
Card title — 15/700
Torne-se Vendedor Oficial
Body — 13/400
Distribua sua extensão personalizada e compartilhe com seus clientes.
Muted / caption
Saldo, depósitos e informações da conta
Atualizado há 2 minutos
Section label
Distribuição
Mono
rsk_mdA4••••••••••••••••t1Kj
Kbd
⌘KCores
Todos os tokens respondem a light e dark mode. Nunca use cores fixas nos componentes.
Superfícies
background
surface
surface-hover
card
elevated
muted
border
input
Marca e estados
primary
primary-soft
success
success-soft
warning
warning-soft
danger
danger-soft
violet
violet-soft
ring
secondary
Texto
foreground
muted-foreground
subtle-foreground
primary-foreground
Raio, espaçamento e elevação
Radius
Espaçamento
Sombras
Badges
Etiquetas de status e categorização.
Variantes
Tamanhos e estados
Formulários
Todos os controles compartilham altura, radius, borda e foco.
Inputs
Texto de ajuda opcional.
Informe um e-mail válido.
Chave válida.
Select, combobox e pickers
PNG, JPG ou ZIP até 10MB.
Checkbox, radio e switch
Cards
Métricas, destaques, progresso e ações — todos derivados do mesmo Card.
Saldo
R$ 0,00
Depositar
Via PIX
Torne-se Vendedor Oficial
Pagamento únicoPare de revender — venda como se fosse seu. Por apenas R$ 349,90.
Licenças e trials ilimitadas, sem custo por unidade
100% do lucro é seu — sem taxas ou comissões
Atualizações e melhorias por nossa conta, para sempre
Sem depósitos, sem saldo mínimo — apenas venda
Suba para o nível Pro
Deposite R$ 200,00+Acumule R$ 200,00 em depósitos e desbloqueie até 30% de desconto em todas as licenças.
Até 30% off
Basic 30d de R$ 19,90 por R$ 16,90
50 trials ativas
5× mais trials que o nível Comum
Mais margem
Lucro maior em cada venda
Faltam R$ 130,00 em depósitos.
Tabelas
Data table com seleção, ordenação, ações, status e paginação. Rola horizontalmente no mobile.
Licenças
1 de 3 selecionadas
| Chave | Responsável | Status | Ações | ||
|---|---|---|---|---|---|
| rsk_mdA4••••t1Kj | Basic 30D | DODouglas | Ativa | ||
| rsk_Thwk••••HGh7 | Pro 15D | MAMarina | Expirada | ||
| rsk_Qp2x••••Lm09 | Vitalício | RARafael | Revogada | ||
| Total de licenças | 3 | ||||
Tabela compacta
| Plano | 7D | 15D | 30D |
|---|---|---|---|
| Basic | R$ 10,90 | R$ 14,90 | R$ 19,90 |
| Pro | R$ 23,90 | R$ 28,90 | R$ 36,90 |
| Vitalício | — | R$ 54,90 | — |
Alerts e feedback
Informação
Sucesso
Atenção
Erro
Nenhuma licença encontrada
Gere sua primeira chave para começar a vender.
Loading & skeleton
Status
Modais, drawers e menus
Todos com overlay, foco preso, ESC e clique fora — construídos sobre Radix.
Dialogs
Drawers e sheets
Menus e popovers
Toasts