Design tier: openai/gpt-5.6-sol · frontier · gate humano obrigatório
S5 · seção #cards da home
Começa com um nome.
Vira um kit.
Construtor contínuo dentro da home: prévia viva, convites opcionais e bandeja incremental.
Sem passos numerados, página paralela ou modal obrigatório.
01
Fica no fluxo da home
A seção nasce entre conteúdo e participação. A pessoa não troca de contexto para
começar.
02
Opcional parece opcional
Foto e dobradinha surgem como convites inline, não como campos pendentes de um
formulário longo.
03
Validade é visível
A bandeja cresce só com peças prontas; arte incompleta nunca é mascarada por um CTA.
† Pendente de revisão de voz: microcopy nova da seção. Literais do deck,
privacidade e erros existentes aparecem sem marca.
Cena 01 · Seção completa desktop · 1280 px
No contexto da home; prévia sticky à esquerda, controles contínuos à direita.
↑ Faixa anterior: jingles e conteúdo da campanha
Quer sua foto?†
Foto adicionada†Arraste para reenquadrar ou use direção e zoom.
Sua foto fica neste aparelho e não é enviada para nós.
Quer sua dobradinha?†
Escolha entre 53 estaduais. A arte de time e a colinha mudam juntas.
Julio Pinheiro 13999 · Trocar
A escolha é processada neste aparelho. Nenhum nome, foto ou cadastro é solicitado.
Sua bandeja†
Só peças válidas aparecem aqui.
Card com seu nomePronto
Moldura quadradaPronta
Moldura verticalPronta
Time de vocêPronto
Time do estadualPronto
Minha colinhaPronta
Ver todos os modelos e o estúdio completo
↓ Próxima seção: participação e WhatsApp
Cena 02 · Seção mobile · 390 px
Prévia e bandeja inline; nada fixo cobre conteúdo ou foco.
↑ Jingles
Quer sua foto?†
Foto opcional†Recorte e ajuste no aparelho.
Sua foto fica neste aparelho e não é enviada para nós.
Quer sua dobradinha?†
53 estaduaisBusca por nome e teclado.
↓ Participação
Cena 03 · Estados de interação e erros
Divulgação progressiva com recuperação local.
Nome vazio
A bandeja começa vazia
O campo está disponível; nenhuma peça é tratada como pronta e “Baixar kit” permanece
bloqueado.
Seu nome
Comece digitando como você é chamado.†
Digitando · inválido
Encurte o nome
A prévia tenta caixa alta, redução e 2 linhas antes de falhar.
Não foi possível encaixar esse nome no card.
Use um nome mais curto, como você é chamado.
Foto adicionada
Prévia viva e reenquadrável
Recorte local, zoom, direção e harmonização têm controles equivalentes para toque e
teclado.
Dobradinha escolhida
Julio Pinheiro · 13999
As prévias “Time do estadual” e “Minha colinha” atualizam juntas. Trocar mantém nome e
foto da sessão.
Arquivo inválido
Não foi possível usar esta foto
Escolha outra imagem e tente novamente.
Sua foto fica neste aparelho e não é enviada para nós.
Recorte indisponível
Seu navegador está bloqueando o recorte de fundo.
Ative os recursos necessários para este site, tente outro navegador ou siga sem foto.
Busca sem resultado
Nenhum estadual encontrado.
Buscar estadual
“nome inexistente”
Nenhum estadual encontrado.
Cena 04 · Bandeja vazia → parcial → completa
Somente peças válidas; individual e kit convivem sem prometer transporte.
0
Bandeja vazia
Nome ausente ou inválido.
- Nome aguarda
- Foto opcional
- Dobradinha opcional
4
Bandeja parcial
Nome e foto válidos; dobradinha pulada.
- Card com nome pronto
- 2 molduras prontas
- Time de você pronto
- Estadual e colinha não incluídos
6
Bandeja completa
Nome, foto e estadual válidos.
- Card com nome pronto
- 2 molduras prontas
- Time de você pronto
- Time do estadual pronto
- Minha colinha pronta
Cena 05 · Foco, teclado, movimento reduzido e selfie
Alternativas equivalentes e consentimentos separados.
Encontrar fotos é outra ação†
O convite só aparece quando C234 estiver disponível. A foto usada no card não autoriza
busca por selfie nem é reaproveitada silenciosamente.
Teclado, foco e movimento reduzido
- Nome inválido mantém foco no campo e anuncia o erro inline.
- ↑ ↓ e Enter operam o seletor; Escape fecha e devolve o foco.
- Arraste da foto tem botões de direção e zoom equivalentes.
-
prefers-reduced-motion: sem transições; prévias e bandeja permanecem
inline.
Foco visível
