Identidade visual · Produto
Design system
Tokens e componentes usados em todo o Seu Garçom: site, painel, PDV, cozinha, cardápio digital e aplicativos operacionais. Fonte: src/app/globals.css e src/components/ui.
Logo
Cores
Azul Garçom
#2541D7 · Ação, links, destaques
Azul Profundo
#1A2FA3 · Hover e pressionado
Azul Noite
#0B1433 · Textos e seções escuras
Azul Névoa
#E9EDFD · Fundos de ícone e selos
Gelo
#F5F7FC · Fundo das áreas de conteúdo
Âmbar
#FFB547 · Alertas e novidades, uso pontual
Texto de apoio
#4A5170 · Nunca mais claro que isso sobre branco
Proporção: 60% claro · 25% azul · 10% azul-noite · 5% âmbar.
Tipografia
Do pedido ao caixa
Tudo em um só lugar
Gestão de pedidos
Texto corrido em DM Sans, 16 a 18 px, entrelinha 1.6.
Rótulo de seção · 13 px · caixa alta
Botões
Selos de status
Campos
Informe um preço válido.
Cards e ícones
PDV
Venda rápida no balcão.
Gestão de pedidos
Salão, balcão e delivery na mesma tela.
Delivery
Entregas atribuídas e acompanhadas.
Alertas e estados
Ambiente de homologação
Estoque baixo
Caixa fechado
Falha na emissão
Nenhum pedido ainda
Os pedidos do PDV e do cardápio aparecem aqui.
Tabela
Pedidos recentes
| Pedido | Canal | Status | Total |
|---|---|---|---|
| #128 | Mesa 4 | Em preparo | R$ 84,70 |
| #127 | Delivery | Pronto | R$ 59,90 |
Cantos e sombras
8 · selos
12 · botões e campos
16 · cards
24 · grandes blocos