A home apresenta a busca; a experiência sensível começa só em /fotos/encontre
Seção condicional, mobile-first, com uma ação dominante. Ela herda a gramática de bandas, inset e hierarquia da home e usa o azul do álbum apenas para explicar proteção e controle.
Cena 01 · 1280
Entre a Central de Conteúdos e a newsletter
A banda creme interrompe o catálogo branco sem competir com a newsletter cinza. O texto explica o suficiente para uma decisão informada; o aviso completo e a autorização ficam na página da busca.
Fotos da nossa caminhada
Encontre você nas fotos
Use uma selfie sua na página da busca para procurar, entre as fotos públicas aprovadas, aquelas em que você aparece.
A selfie não sai do seu aparelho. A busca cobre o índice anônimo do acervo aprovado, e você pode retirar seu rosto quando quiser.
Sua imagem fica com você. O controle também.
- Processamento no aparelho
- Só o acervo público aprovado
- Saída do índice a qualquer momento
Apoie e acompanhe
Receba as novidades da campanha
Cena 02 · 390
Mobile-first · uma ação dominante, sem simular captura
Fotos da nossa caminhada
Encontre você nas fotos
Use uma selfie sua na página da busca para procurar as fotos públicas aprovadas em que você aparece.
Sua selfie fica no aparelho
A selfie não sai deste aparelho. A busca cobre o acervo aprovado, e você pode retirar seu rosto do índice quando quiser.
Apoie e acompanhe
Receba as novidades da campanha
Contrato do port
Estados e acessibilidade
- Fechada: a seção inteira não é renderizada quando a flag, o álbum publicado ou as fotos aprovadas não liberam a busca. Não há placeholder, aviso nem CTA morto; Central de Conteúdos e newsletter se encostam pelo ritmo normal.
-
Hierarquia: o título da seção é
h2; há um único CTA preenchido. “Ver o álbum” permanece secundário, textual e com alvo mínimo de 44 px. - Foco: ambos os links usam o foco amarelo de 3 px do álbum, com offset de 3 px e separação azul externa para permanecer visível sobre creme, vermelho e branco.
-
Movimento: só o CTA reage ao hover/press; em
prefers-reduced-motion: reduce, transição e deslocamento são removidos.