Gate visual · S17

Card “Time de você”: harmonizar as cores da foto

No estado em que a foto já está pronta, um único controle binário ajusta brilho, contraste e saturação da selfie para o tom das fotos oficiais dos candidatos. Padrão LIGADO; desligar devolve a original na hora; vale para a prévia e para o PNG; nada persiste e não há editor.

1280px · desktop 390px · mobile alvo ≥ 44px padrão LIGADO

Cena 1 · Estado pronto · dialog desktop 1280 — “Harmonizar cores” LIGADO (padrão)

O controle entra depois do ajuste fino e antes de “Trocar foto”, com ajuda curta em pt-BR e alvo ≥ 44px. No estado ligado, a prévia já abre harmonizada.

Cena 2 · Estado pronto · dialog desktop 1280 — “Harmonizar cores” DESLIGADO

Desligar devolve a foto original na hora; tudo o mais (recorte, enquadramento, controles, CTA) permanece idêntico. Religar reaplica.

Cena 3 · Estado pronto · drawer mobile 390 — controle LIGADO

No mobile o controle fica na mesma ordem do desktop e o alvo de toque cobre a linha inteira (≥ 44px), sem depender de mirar no trilho.

Anatomia do controle

  • Rótulo: “Harmonizar cores”, sempre visível (nunca só o trilho).
  • Ajuda: “Ajusta o brilho e as cores da sua foto para combinar com as fotos do card.”
  • Alvo: a linha inteira é o botão, com altura mínima de 44px; funciona por toque e teclado, com foco visível.
  • Semântica: binário ligado/desligado (role="switch" + aria-checked); no port, usa o vocabulário de toggle já existente no app (sem shadcn Switch).
  • Estados: LIGADO (trilho --pt-red, thumb à direita) e DESLIGADO (trilho cinza, thumb à esquerda).
  • Posição: depois de “Ajuste fino” e antes de “Trocar foto”; só no estado pronto.
Tokens reais: trilho ligado --pt-red #A21C1C; texto --campaign-ink #000; ajuda --campaign-muted #6C615E; borda --campaign-line; superfície --campaign-surface. Nada de cor nova.

Cena 4 · Antes / depois da prévia — a escolha refletida

Mesmo recorte, mesmo enquadramento, mesma prévia: só o ajuste de brilho/contraste/saturação muda. A foto do visitante é um placeholder cinza (NEEDS ASSET) — nenhuma foto real de terceiro é simulada.

TIME DE
MARIA
Desligado · foto original

Tom mais frio/des saturado em relação ao card.

TIME DE
MARIA
Ligado · harmonizada (padrão)

Brilho, contraste e saturação aproximados do tom dos candidatos.

NEEDS ASSET: foto real do visitante para validar o ajuste no lugar do placeholder cinza. A referência de tom é a arte oficial team-card-base.png.

Cena 5 · O que o controle faz — e o que fica fora

Faz

  • Padrão LIGADO: a prévia abre harmonizada, sem exigir decisão.
  • Desligar devolve a foto original instantaneamente; religar reaplica.
  • A escolha vale para a prévia e para o PNG baixado.
  • 100% no aparelho: sem upload, sem rede, sem analytics de PII.
  • Ajuste suave e limitado ao tom das fotos oficiais (brilho, contraste, saturação).
  • Fica só no modelo time-de-voce.
  • A nota de privacidade existente continua visível e verdadeira.

Não faz

  • Não é editor: sem sliders, curvas, presets ou ajuste manual.
  • Não é retoque de beleza: sem pele, forma ou imperfeições.
  • Não altera o recorte nem o enquadramento.
  • Não persiste: sair e voltar retorna ao padrão LIGADO.
  • Não toca os 3 modelos existentes nem as artes-mestre.
  • Não promete “parecer profissional”.