COMPONENTES · 06 · NAVEGAÇÃO
Onde eu estou, para onde eu vou

Navegação

Dois mundos convivem no Celere: o site institucional, que precisa vender, e a aplicação de obra, que precisa deixar 1.937 nós de EAP a dois cliques de distância.

6.1 · NAVBAR INSTITUCIONAL
celere Agendar demonstração

// role dentro desta moldura: passando de 24px o fundo ganha blur e a hairline aparece

Custo de obra previsível, do terreno à entrega

// blur é comportamento de rolagem, não estado inicial. No topo da página a navbar é invisível para não competir com o hero, e ela só materializa quando existe conteúdo passando por baixo.

6.2 · NAVBAR DE APLICAÇÃO E SELETOR DE OBRA
  1. Obras
  2. Times Square
  4. Verba para SPDA

Avanço físico em 41% contra 44% previstos. Término replanejado em 31/12/2026, dezessete dias além da linha de base contratual.

Budget Paramétrico

Orçamento por indicador de m², usado na decisão de compra do terreno.

Menu de contexto · clique no botão de três pontos ou use o botão direito na área
001.001.008.005.001.001 Verba para SPDA R$ 70.000,00
001.001.008.005.001.002 Malha de aterramento R$ 106.000,00
Paginação
Página 3 de 78 · 1.937 nós

// item ativo da sidebar recebe o dot teal de 4px, fundo ghost e peso 600. Três canais, porque cor sozinha não conta onde a pessoa está. Colapsada, a sidebar troca o texto por dica de ferramenta e mantém o dot.

6.3 · MENU MOBILE EM FOLHA FULL-SCREEN

// no celular a navegação institucional vira folha inteira, com stagger de 40ms nos links e scrim que fecha ao toque. Esc também fecha, e o foco volta para o botão de origem.

// a folha ocupa a viewport inteira: nada de gaveta lateral de 80% que deixa uma fatia de conteúdo clicável por acidente.