Forno Lento
Padaria de forno a lenha sem nenhuma foto de comida: o quadro de fornadas e a tipografia grande fazem o apetite.
Briefing
- Quem e quando
- Gente do bairro decidindo hoje à noite ou hoje cedo, quase sempre no celular e com fome.
- Tarefa principal
- Ver o que sai do forno hoje e pedir uma mesa.
- Não pode parecer
- Clichê rústico de lousa, página minimalista de alta gastronomia, app de delivery.
- Sucesso
- Em uma tela, saber o que está fresco agora e como conseguir mesa.
Três direções
Oven Ticket
O trilho de comandas da cozinha e o termômetro do forno: escuro como a boca do forno, amarelo como o fogo.
Big Shoulders 800 + Work Sans
Página escura para comida e sem fotos; a tipografia tem que segurar.
Flour Sack
Saco de farinha de papel kraft com carimbo de uma cor.
Alfa Slab One + IBM Plex Sans
Perto demais do clichê rústico que o briefing proíbe.
Neighbourhood Poster
Cartaz suíço de rua com os horários em números grandes.
Archivo Black + Inter Tight
Parece evento, e vermelho com branco lembra fast-food.
Por que esta: A é a única direção em que “o que está fresco agora” é o herói, e ela foge do clichê rústico.
Design system (DESIGN.md)
Big Shoulders 800 · Work Sans 400/500
- char
#16120E - surface
#221C16 - flour
#F3EEE4 - ash
#A79C8C - rule
#3A3128 - flame
#F2B705 - ember
#E2561F
Resultado
Estados que costumam ser esquecidos
O que a revisão pegou
Autorrevisão sobre prints em 1440 px e 390 px. Cada rodada lista o problema e a correção.
- 390 px: o quadro de fornadas (a tarefa principal) começava abaixo da dobra → reordenado no celular.
- Contraste: texto claro no selo “Esgotado” dava ~3,6:1 → texto escuro, ~5:1 (WCAG AA).
- Fonte renomeada no Google Fonts (Big Shoulders Display → Big Shoulders) → código e DESIGN.md atualizados.