Opção 1 · Caixa aberta

Campo de busca sempre visível na barra de ação do cabeçalho, em qualquer largura de tela.

Opção 2 · Caixa retrátil (lupa)

Botão de lupa junto aos links de conta; o campo abre num painel flutuante animado. Disponível a partir de 1024px, largura em que a barra de conta aparece.

Coletivo Transforma MP Coletivo Transforma MP - Página inicial
Bancada de avaliação

Duas apresentações da busca para o cabeçalho do site.

As duas variações estão no cabeçalho desta página. Role a página para conferir o comportamento fixo (sticky) do cabeçalho e reduza a largura da janela para ver como cada opção se comporta em telas estreitas.

Opção 1 · Caixa aberta

Campo sempre visível

O campo ocupa a barra de ação do cabeçalho em qualquer largura. Convida à busca sem exigir um clique extra, mas divide espaço com a navegação institucional.

Opção 2 · Caixa retrátil

Lupa que abre um painel

O botão de lupa fica junto aos links de conta e revela o campo num painel flutuante animado. Preserva o espaço do cabeçalho, ao custo de um clique antes da busca.

Enquanto as instâncias de busca não forem criadas no painel, o cabeçalho exibe o desenho estático de pré-visualização — o autocompletar e o envio só passam a funcionar depois que os registros busca-header e busca-header-retratil existirem.