Todos partem do mesmo guia de marca — petróleo como âncora, dourado pontual, Fraunces + Inter + IBM Plex Mono — e das mesmas 17 telas funcionais. O que muda é layout, tema e personalidade: de um ERP clássico premium até uma torre de controle futurista. Navegue, compare e escolha (ou monte o híbrido).
Os previews abaixo são os protótipos reais, ao vivo — tudo neles funciona: bipagem do checkout, ⌘K, drawers de margem, Cockpit do Full com as regras ML 2026. Clique para abrir em tamanho cheio.
A aplicação 1:1 do guia de marca: sidebar petróleo com rail dourado, cartões brancos com sombra suave, títulos em Fraunces, números em mono. É o ERP que o seller reconhece no primeiro segundo — zero curva de aprendizado, máxima sensação de solidez.
Muda o modelo de uso: o seller não navega por módulos, ele resolve pendências. A tela "Hoje" é uma fila de trabalho priorizada por impacto em R$, os sinais vitais ficam sempre visíveis no topo e o detalhe abre em drawer lateral — sem nunca perder o contexto da lista.
O mais ousado: tema escuro com grade sutil de fundo, vidro translúcido e brilhos dourado/teal. Os gráficos foram todos repensados — Sankey do dinheiro, heatmap de vendas, gauges, treemap de SKUs — e ganhou o Copiloto IA (demo da F5) que responde com dados reais.
O C com a navegação repensada: menu no topo com o dia a dia sempre visível (Centro · Pedidos · Checkout · Rede) e o restante agrupado em dropdowns. Sem rail lateral, o conteúdo usa a largura inteira — os gráficos respiram mais. Indicador ativo: sublinhado dourado com glow.
A base é o guia de marca: petróleo #062A2A como âncora, dourado #F59E0B pontual (regra 60-30-10, dourado nunca é cor semântica), teal para positivo/links, Fraunces nos títulos, Inter na interface e IBM Plex Mono em todo número. Abaixo, o que cada conceito mantém e o que muda.
É o guia de marca em movimento. Nenhuma regra é dobrada: superfícies areia/branco, sidebar em petróleo-950, dourado restrito a CTA + número-chave, serifa nos títulos de página.
Mesma paleta, outra hierarquia: o dourado sobe para a barra de comando escura como cor dos sinais vitais do dia. Os cartões perdem a borda (só sombra, raio 16) sobre um fundo papel mais quente.
O petróleo deixa de ser detalhe e vira o mundo inteiro: fundo #04211F→#021312 com grade sutil, painéis de vidro translúcido e o dourado como luz (glow), não como tinta. É a marca no modo noturno de um terminal financeiro.
Visualmente é o C — mesmo fundo, vidro, glow, gráficos e Copiloto. A única decisão nova é de arquitetura de informação: navegação horizontal no topo, estilo web-app moderna.
Mesmas 17 telas, mesmo motor (checkout com bipagem, Cockpit do Full com regras ML 2026, conciliação). O que muda:
| A Clássico Premium | B Mesa de Operações | C Torre de Controle | D Torre · Menu Sup. | |
|---|---|---|---|---|
| Tema | Claro areia | Claro papel quente | Escuro profundo | Escuro profundo |
| Navegação | Sidebar fixa com grupos | Rail 64px que expande no hover | Rail de ícones + ⌘K | Menu horizontal + dropdowns + ⌘K |
| Tela inicial | Dashboard de KPIs e gráficos | "Hoje": fila de trabalho em R$ + ledger do dia | "Centro": Sankey + missões + gauges + heatmap | Igual ao C, full-width |
| Detalhe de pedido | Página própria | Drawer lateral com waterfall | Drawer lateral com waterfall | Drawer lateral com waterfall |
| Gráficos | Linha, donut, barras, anel | Os do A + barra de fluxo do dinheiro | Sankey, heatmap, gauges, treemap + glow | Iguais ao C |
| Interações | Navegação por telas e abas | ⌘K · drawers · toasts · filtros que filtram | Tudo do B + Copiloto IA | Tudo do C |
| Tipografia de título | Fraunces 600 (serifa) | Fraunces 600 (serifa) | Mono uppercase + tick dourado | Mono uppercase + tick dourado |
| Melhor para | Confiança — comprador conservador, contador na sala | Uso diário — operação eficiente, menor fricção | Demo & diferenciação — "isso eu nunca vi em ERP" | Demo + quem prefere nav horizontal |
Se a prioridade é não assustar quem vem do Bling/Tiny e passar solidez fiscal-financeira desde o primeiro print.
Se a prioridade é produtividade do seller no dia a dia — a fila de trabalho em R$ é o argumento de venda mais direto.
Se a prioridade é diferenciação e demo — justifica visualmente um ticket premium e o Copiloto ancora o roadmap de IA.
Se o C ganhou mas o time prefere menu superior e conteúdo em largura total. Mesmo impacto, outra ergonomia.
💡 Híbridos valem: dá para casar, por exemplo, a estrutura clara do B com o Sankey, o heatmap e o Copiloto do C. Escolhido o caminho, a versão final consolida o melhor de cada um.