Design Tokens
Sistema visual da aplicação de pedidos da marmitaria, com foco em legibilidade operacional.
Primary
#00C853
Typography
Onest
Radius
12px base
Feel
Clean + reliable
Color Palette
Escala completa para identidade principal, neutros de interface e usos semânticos.
Primary Scale (50 - 900)
Primary 50
--primary-50
Primary 100
--primary-100
Primary 200
--primary-200
Primary 300
--primary-300
Primary 400
--primary-400
Primary 500
--primary-500
Primary 600
--primary-600
Primary 700
--primary-700
Primary 800
--primary-800
Primary 900
--primary-900
Neutral Scale (50 - 900)
Neutral 50
--neutral-50
Neutral 100
--neutral-100
Neutral 200
--neutral-200
Neutral 300
--neutral-300
Neutral 400
--neutral-400
Neutral 500
--neutral-500
Neutral 600
--neutral-600
Neutral 700
--neutral-700
Neutral 800
--neutral-800
Neutral 900
--neutral-900
Semantic Colors
Success
--success
Warning
--warning
Info
--info
Destructive
--destructive
Chart Colors
Chart 1
--chart-1
Chart 2
--chart-2
Chart 3
--chart-3
Chart 4
--chart-4
Chart 5
--chart-5
Typography
Pedido #1254 confirmado
Resumo da produção
Itens em preparo
Corpo base para listagens, mensagens de status e orientações de tela.
Radius & Shadows
Raio pequeno (4px)
Raio base (12px)
Shadow sm
Shadow md
Components Preview
Primitivos base do shadcn adaptados para o design system da aplicação.
Ações rápidas
Conjunto de componentes para fluxos de operação no dia a dia.
Pedido finalizado
Atenção ao horário
Tipo de retirada