02 // MAPEAMENTO DE INTERFACE
01//VISÃO GERAL
O QUE A PÁGINA RESOLVE
Fixa o número: o 55655 aparece no herói, na faixa que rola, na urna e no rodapé, sempre em amarelo sobre o azul da campanha.
Ensina a votar: uma urna eletrônica animada digita o número sozinha, confirma o voto e explica em 3 passos.
Concentra o que o eleitor precisa: quem é a Clau, a história dela em Arujá, as 6 propostas e um botão pra mandar pro WhatsApp de quem ele gosta.
X: 0.175 / Y: 0.048
STAMP: BUILD_VERIFIED_01
02//MAPEAMENTO DE INTERFACE
IDENTIDADE E MOVIMENTO
Feita a partir da arte oficial dela: o Clau em script, a figura com a chave e o CAMARGO recortados da identidade real, o azul medido dos posts e a Montserrat do site oficial.
Abertura em cortina, nome entrando em varredura, a chave chegando por cima e os dígitos do número virando um a um.
Bandeira de São Paulo ondulando atrás da foto, cidade ao fundo e parallax leve no mouse. No celular vira uma tela só, com a foto ancorada embaixo.
X: 0.367 / Y: 0.577
STAMP: INTERFACE_OK_02
03//ARQUITETURA DO SISTEMA
COMO FOI FEITA
HTML, CSS e JavaScript puro, um arquivo só: sem framework, fácil de hospedar e de trocar texto na hora que a campanha pedir.
Fotos em WebP, animações infinitas pausam quando saem da tela e seções fora da vista só renderizam quando chegam, o que poupa bateria no celular.
Respeita quem prefere menos animação no aparelho e tem contador regressivo pro 1º turno, 4 de outubro.
X: 0.750 / Y: 0.230
STAMP: DEPLOY_READY_03

