Mockup · a bifurcação, dentro do app
A pergunta sai do card escuro e vira faixa - o cardápio dela fica visível atrás
Mesma pergunta, mesmo peso de decisão, sem tapar o que acabou de nascer. As duas opções se distinguem pela forma da miniatura, não pela cor.
Engrenou
Cardápio
Por onde a gente começa: organizar os pedidos que já chegam, ou montar as suas primeiras vendas?
A resposta muda o seu Hoje. Dá pra trocar depois, sem perder nada.
375 px de largura · as fotos são blocos desenhados aqui, não imagem de banco
A anatomia é a do card que já existe
A faixa é o .ofr-card do Hoje, não um componente novo: fundo creme, borda de 1,5 px, raio 16, ícone de 38 px, a pastilha Engrenouaí com o "aí" em lemon sobre tinta, e a fala em Space Grotesk 15 px. Reusar a anatomia é o que faz a pergunta soar como a casa, e não como um pop-up.
O "me pergunta depois" tem alvo de 40 px, igual às opções: recusar precisa ser tão fácil quanto aceitar, senão a oferta vira pedágio.
As duas miniaturas, pela forma
- Balcão - linhas com quem pediu à esquerda e o valor à direita. É uma lista de gente: o formato do que já chega.
- Plano - uma trilha de três degraus subindo, com o dia marcado em cada um. É uma escada, não outra lista: o formato do que ainda vai acontecer.
Nenhuma das duas usa print, e nenhuma depende de cor pra ser lida: quem enxerga em tons de cinza distingue a lista da escada pelo desenho. O teal aparece só como acento, e o resto é currentColor.
Teste do "reconhece sem ler", a 132 px
É o tamanho em que as miniaturas aparecem na faixa, num aparelho de 375 px. Ao lado, a captura real do Hoje reduzida a 264x571 e servida na mesma largura - o caminho que a apuração testou e aprovou. Julgue de longe, sem ler o rótulo: dá pra dizer qual é "o que já chega" e qual é "o que ainda vai acontecer"?
~0,6 KB inline
~0,6 KB inline
16,2 KB (264x571, webp q82)
A captura real não existe pra tela do plano - só pro balcão. É o fato que empurra a decisão: escolher a captura pro balcão obriga a uma sessão de captura antes do primeiro pixel do plano.
Antes e depois, pra decisão
antes (hoje, no ar)
Por onde a gente começa?
O card escuro é sticky e toma a largura toda: a pessoa responde sem nunca ter visto o cardápio que acabou de nascer. A decisão fica sem contexto.
depois (a proposta)
Por onde a gente começa: organizar os pedidos que já chegam, ou montar as suas primeiras vendas?
A faixa ocupa a altura de um card e o cardápio continua legível embaixo. Ela responde olhando pro que é dela, que é o que dá sentido à pergunta.
O que este mockup não resolve
A poda ("fica" adota com definir preço, "tira" não adota) está desenhada desde a Fase 1 e ainda não foi construída - aqui os botões são de mentira. E o cardápio nasce com o produto dela ao lado dos produtos-semente do template: se isso ferir o momento "esse é o SEU produto", mexer no create_tenant é migração que recria corpo vivo.