Chama

Design system

Paleta com códigos hex, escala tipográfica, botões em todos os estados, campos com erro e sucesso, badges de status, card de chamado nas três urgências e estados vazios.

Paleta
Fundo base
#FAF8F5
Superfície
#FFFFFF
Borda sutil
#E8E2D9
Texto primário
#1C1917
Texto secundário
#78716C
Marca / ação
#E8590C
Marca escura
#C2410C
Dark fundo
#171412
Dark superfície
#241F1C
Dark borda
#3A322D
Aguardando
#EAB308
Em atendimento
#3B82F6
Concluído
#16A34A
Não atendido
#DC2626
Tipografia · Inter Tight (títulos) + Inter (corpo)
64 / 700MESA 14
48 / 700147 chamados
32 / 600Chamados ao vivo
24 / 600Tempo médio de atendimento
20 / 600Boteco do Zé
16 / 400Corpo de texto padrão da interface, em português do Brasil.
14 / 500Rótulos, apoio e metadados de tabela.
12 / 500Cabeçalho de seção
tabular00:00 · 01:42 · 03:12 · R$ 149,00 · 01/09/2026
Botões · todos os estados
Padrão
Hover
Ativo
Desabilitado
Carregando
Anel de foco visível em todos os elementos interativos.
Campos de formulário
Badges de status · nunca só cor
Aguardando Em atendimento Concluído Não atendido Inativa Administrador Garçom Ao vivo Reconectando…
Card de chamado · escala de urgência
MESA 2200:48
Quero pedir · 0–60s
MESA 1401:42
Pedir conta · 61–180s
MESA 0703:12
Chamar garçom · acima de 180s
Estados vazios
Nenhum chamado encontrado
Ajuste o período ou limpe os filtros aplicados.
Você ainda não cadastrou mesas
Tudo tranquilo por aqui
Nenhum chamado aguardando atendimento.
Índice