Tema claro Movora
Amostra para aprovação — nenhuma tela do painel foi alterada
01

A paleta

A mesma do Movora Premiada. Os números de contraste são medidos sobre o fundo em que a cor realmente aparece — o mínimo aceitável é 4.5:1.

Azul
#093A79
Bloco, item ativo, link, selo
11.09:1 no branco
Laranja
#F86E0D
Só o que se clica: botão, CTA, foco
5.05:1 com tinta
Tinta
#1F2937
Título e corpo do texto
14.68:1 no branco
Tinta suave
#4B5563
Apoio, descrição
7.56:1 no branco
Tinta fraca
#5E6A78
Legenda, rótulo — o mais claro permitido
5.51:1 no branco
Chão
#F7F8FA
Fundo da página
Cartão
#FFFFFF
Cartão, modal, linha de tabela
Borda
#E5E9F0
É ela que separa, não a sombra
02

A regra que não se negocia

Branco sobre o laranja dá 2.91:1 — menos da metade do mínimo. A palavra some no sol e some para quem enxerga pouco. Tinta escura sobre o mesmo laranja dá 5.05:1 e passa. Todo botão primário do painel nasce com texto escuro.

CERTO

bg:#F86E0D · texto:#1F2937 · 5.05:1

REGRESSÃO

bg:#F86E0D · texto:#FFFFFF · 2.91:1 — reprova

03

Os quatro blocos

Olhe a sidebar à esquerda. O azul dá o título do bloco e marca o item onde você está; o laranja aparece só no traço vertical do ativo, que é o único elemento clicável em destaque. Clique nos itens para ver o estado mudar. Antes, cada bloco tinha a sua cor — laranja, azul, verde e roxo — e a tela parecia quatro produtos diferentes.

OPERAÇÃOGESTÃOFINANCEIROINTELIGÊNCIASUPER ADMIN
04

Indicadores

O número é tinta cheia; o rótulo é tinta fraca. A variação usa verde e vermelho porque ali a cor é informação, não enfeite.

Faturamento hoje
R$ 4.287
+12,4% vs. ontem
Pedidos
87
+6 vs. ontem
Ticket médio
R$ 49,28
−2,1% vs. ontem
Tempo de preparo
18 min
−3 min vs. ontem
05

Cartão de pedido e estados

Cada estado tem um par: fundo lavado e texto fechado. O texto nunca é a cor cheia — cor cheia sobre fundo lavado não passa no contraste.

#8009Novo
Paula Eduarda
há 2 min
R$ 62,90
#8008Em preparo
Carla Gmurczyk
há 14 min
R$ 285,98
#8007Pronto
Vilzomar
há 22 min
R$ 48,00
PedidoClienteCanalStatusTotal
#8009Paula EduardaWhatsAppNovoR$ 62,90
#8008Carla GmurczykCardápioEm preparoR$ 285,98
#8007VilzomarBalcãoConcluídoR$ 48,00
#8006Rafael Nunes99FoodCanceladoR$ 31,50
06

Botões

Um primário por tela. O secundário é uma caixa clara com borda; o de texto não tem fundo nenhum. Nenhum deles disputa com o laranja.

07

Avisos

Agente de impressão offline
A impressora da cozinha não responde há 6 minutos. Os pedidos seguem na fila.
Comanda #74 impressa
Enviada para EPSON COZINHA às 19:42.
Falha ao sincronizar cardápio
3 itens não foram atualizados no canal 99Food.
2.098 clientes sem comprar há mais de 180 dias
Uma campanha de recuperação pode ser criada a partir deste grupo.
08

Formulário

Clique num campo: o anel de foco é laranja. É o mesmo laranja do botão — a cor diz sempre a mesma coisa, 'aqui é com você'.

09

Tipografia

Poppins, como já está no painel hoje. O Premiada usa Montserrat nos títulos e Inter no corpo — unificar a fonte também é possível, mas é uma decisão separada desta, e eu não mexi nela.

Título de página — 26px bold
Título de seção — 17px bold
Corpo de texto — 14px regular. É o tamanho de leitura do painel.
Apoio — 12.5px em tinta suave, para descrição e ajuda.
Rótulo — 11px maiúsculo em tinta fraca
O que acontece depois da sua aprovação

Estes tokens saem do escopo .movora-light e passam a valer no :root. Aí sim as telas são migradas — bloco por bloco, começando por Operação — trocando o text-white e os hex escuros pelos tokens daqui. São 194 arquivos com texto branco e 154 com cor cravada; nenhum deles foi tocado ainda.