POLIMENTO VISUAL · GATE

Central mais viva, sem competir com as peças

O 1313 passa a ser protagonista também no celular; a busca continua sendo a próxima ação óbvia. Abaixo, hero e filtros em 1280 px e 390 px — o board não está sendo redesenhado.

CENA 01

Desktop 1280 · hero de campanha + barra fechada

Jorge Solla Central de Conteúdos

Peça voto pra Solla 1313

Uma mensagem sua pode conquistar mais um voto.

Escolha uma peça, mande para alguém que você conhece e peça o voto no 1313.

Peças oficiais para baixar e compartilhar
1313 — Mais Saúde, Mais Futuro
Encontre uma peça por assunto, cidade ou pessoa…
Buscar por:
Termo exato ✦ Por tema

Escolha, compartilhe e peça voto

O board existente começa aqui, sem mudanças.

CENA 02

Mobile 390 · o 1313 deixa de desaparecer

Jorge Solla Central de Conteúdos

Peça voto pra Solla 1313

Mande uma peça.
Peça mais um voto.

Escolha alguém, compartilhe e peça o voto no 1313.

1313 — Mais Saúde, Mais Futuro
Encontre uma peça por assunto, cidade ou pessoa…
Buscar por:
Termo exato ✦ Por tema

Escolha, compartilhe e peça voto

O board existente começa aqui.

CENA 03

Dropdown aberto · chevron correto e exclusividade nativa

Encontre uma peça por assunto, cidade ou pessoa…
Buscar por:
Termo exato ✦ Por tema
Tipo
Cidade
  • Salvador
  • Feira de Santana
Região
Tema
Instituição
Lideranças
1

Somente um details do grupo permanece aberto.

CENA 04

Filtros ativos · desktop e mobile

Desktop

saúde pública
Buscar por:
Termo exato ✦ Por tema
Tipo · Vídeo × Cidade · Salvador ×

Peças com Maria Silva

O filtro combina com cidade, tema e os demais recortes.

Lideranças · Maria Silva ×

Mobile

saúde pública
Buscar por:
Termo exato ✦ Por tema
Tipo · Vídeo × Cidade · Salvador × Lideranças · Maria Silva ×

Peças com Maria Silva

No mobile, Lideranças permanece na barra.

Notas para aprovação e port

O que mudou em relação ao S27

  • O hero ganhou profundidade com o pattern oficial, uma placa azul translúcida e o número 1313 em escala maior.
  • No mobile, o ativo numero-negativo.png passa a aparecer sem aumentar demais a altura do hero.
  • A faixa amarela inferior fecha o hero e separa a marca da tarefa de busca.
  • A barra mantém a geometria e a escala atuais; o polimento corrige apenas ícones, estados e legibilidade.

Contratos visuais a respeitar

  • Usar Lucide ChevronDown em 14 px, centralizado por inline-flex + items-center; nunca o glifo textual ⌄.
  • Todos os filtros vazios compartilham o mesmo grupo exclusivo de details; abrir um fecha o anterior.
  • O chip ativo de Lideranças fica no cabeçalho dos resultados no desktop e dentro da barra no mobile.
  • O “×” da busca fica dentro do campo; chips ativos mantêm label, valor e remoção explícitos.
  • Ativos usados: numero-negativo.png, pattern-shapes.png e o lockup já existente no cabeçalho (jorge-solla-negativo.png).
Copy: nenhuma mudança de contrato. O título desktop continua “Uma mensagem sua pode conquistar mais um voto.” e a variante mobile continua “Mande uma peça. Peça mais um voto.”