05 / App TV

Lido a 4 metros.

Layouts fullscreen 1920×1080 que rodam nas TVs do mercado. Tipo enorme, hierarquia preço-primeiro, alto contraste para qualquer iluminação.

Princípios da TV

01

Preço enorme

O número é o herói. Mínimo 160px em layouts compostos, 220px+ em hero. Sempre tabular-nums.

02

Contraste alto

Fundo escuro com preço dourado, ou fundo dourado com preço preto. Nunca tons médios — TV em loja iluminada perdoa pouco.

03

Padding generoso

Margem mínima de 56px em qualquer borda. TV antiga corta canto — não confie em pixel perfect das bordas.

Layout · Produto único

1 SKU · destaque máximo
Mercado Vila Nova
OFERTA · FIM DE SEMANA
25% OFF
PRODUTO 560×560

Arroz Tio João Tipo 1

Pacote 5kg · Importado

Por apenas R$ 32,90
R$24,49
à vista no PIX
Hero — produto único1920 × 1080

Layout · 2 produtos

comparativo
Açougue Premium
QUARTA DA CARNE
340 × 340

Picanha Bovina

Resfriada · 1ª qualidade

R$49,90
o quilo
340 × 340

Costela Bovina

Janela · congelada

R$27,49
o quilo
2 produtos lado a lado1920 × 1080

Layout · 4 produtos

grade · feirão
FEIRÃO DA SEMANA
04 / 12 PRODUTOS
200×200

Feijão Camil 1kg

Pacote · Carioca

R$7,49
200×200

Óleo Soya 900ml

Garrafa · Soja

R$5,99
200×200

Leite Italac 1L

Caixa · Integral

R$4,99
200×200

Açúcar União 1kg

Pacote · Refinado

R$3,89
Grade 2×2 — feirão rotativo1920 × 1080

Layout · Faixa preço

fundo dourado · variante
Hortifruti São José
HOJE — TERÇA
Da banca direto pra mesa

Banana Prata

Direto do produtor · Lins, SP

R$3,49
Faixa horizontal · fundo dourado1920 × 1080

Implementação

Fixed canvas, scale-to-fit

Desenhe sempre em 1920×1080 fixo, depois aplique transform: scale() para caber em qualquer TV (1080p, 720p, 4K). Garante que o preço fique no mesmo lugar em qualquer hardware.

Sem animação supérflua

Crossfade entre slides (300ms). Nenhum slide individual anima — TV em loja é pra ler, não pra ver TikTok. Rotação a cada 8-15s.