Protótipos de
referência
Quatro direções visuais da loja, mais o fluxo da caixa
personalizada. São referências de design — não código de produção. Toda a
especificação está no README.md do handoff.
Direções visuais da loja
As quatro são equivalentes em funcionalidade. A decisão é do cliente: implemente uma, as outras ficam de referência.
Blueprint técnico: molduras de 1px, cantos marcados com
+, rótulos condensados. Tema claro. Traz também o seletor
que alterna entre as quatro versões.
Bordas de 2 a 3px, sombras sólidas deslocadas, monoespaçado em caixa baixa. Tema claro.
Fichas de acervo: papel creme sobre azul-escuro, numeração de gaveta. Tema escuro.
Grade fina, tipografia display pesada, muito respiro. Tema escuro.
Caixa personalizada
Geek Box — funil de 4 etapas
Presente para Nerd — site completo
O que ainda é placeholder
Todas as telas têm modo claro e escuro, no botão sol/lua do cabeçalho. Cada direção mantém a própria identidade nos dois modos — não há paleta compartilhada. Superfícies que representam objetos físicos (as fichas de papel do V3, a moldura das fotos de produto da Geek Box) não invertem.
As imagens de produto não existem — todo quadro cinza é um
<image-slot> aguardando fotografia real. As ilustrações em
assets/ são arte de marca de exemplo, não finais. As telas
navegam por estado interno, não por URL: clique dentro do protótipo para
chegar em catálogo, produto, sacola, checkout e conta.