Sistema único.
Site, app e TV em sintonia.
Tokens, componentes e padrões para a marca Priceshow. Construído sobre as primitivas do shadcn, ajustado para um produto B2B regional — confiável, técnico, sem firula.
Três superfícies, um sistema
SITE · APP · TVSite marketing
Expressivo, com hero generoso, narrativa por seção. Tipografia maior, imagens cheias, estática. Converte supermercadista para demo.
Painel admin
Utilitário, denso, eficiente. Sidebar fixa, tabelas pesadas, formulários previsíveis. Densidade confortável (shadcn default).
App TV (display)
Fullscreen, alto contraste, lido a 4 metros. Tipo enorme, hierarquia preço-primeiro, layouts grid 2/3/4 produtos.
Princípios
Confiança antes de brilho
Cada gradiente, cada animação ousada precisa pagar pedágio. Supermercadista quer confiar a vitrine de preço a um sistema sério, não a uma agência criativa.
Densidade quando útil, ar quando necessário
No painel, mostre 50 SKUs sem rolagem. No site, deixe a frase respirar. Cada superfície tem sua densidade certa.
Preço é o herói
Tudo na TV existe para que o R$ 7,49 chegue claro do outro lado da loja. Cor, peso, tamanho — todos servem ao número.
Light e dark são primeira-classe
O painel pode ficar 8h aberto — alguns querem dark, outros light. Os dois temas são testados, não um afterthought.
Tokens em uma olhada
Ver todos →Documentação
Fundamentos
Cor, tipografia, espaçamento, raios, sombras, motion. Os tokens dos quais tudo deriva.
Marca
Três propostas de logo, espaço de proteção, uso em fundos, voz e tom.
Componentes
Botão, input, card, tabela, badge, dialog, toast, tabs, sidebar — todo o kit.
Padrões
Login, dashboard, hero do site, lista de campanhas, empty state, página de erro.
App TV
Layouts fullscreen para 1080p — 2, 3 e 4 produtos por tela. Hierarquia de preço.