Navbars
Variantes de navegação principal. Cada barra define a entrada da experiência — transparente com blur para impacto visual, sólida para clareza funcional, editorial para postura de marca.
4 variantesBarra com fundo semi-transparente e backdrop-filter blur. Logo à esquerda, links em pill centralizados, CTA primário à direita. Padrão para todas as páginas com hero de imagem ou vídeo.
Use a Nav 01 (transparente + blur) em páginas com hero de imagem ou vídeo de fundo — a barra sobrepõe o conteúdo sem criar uma quebra visual. Use a Nav 02 (sólida) em páginas internas, artigos e portfólio, onde a nav precisa ser clara e não competir com o conteúdo abaixo.
A Nav 04 com barra cream é reservada para momentos de lançamento: abertura de turmas, novos produtos ou campanhas sazonais. Nunca use como elemento permanente — perde impacto. Um anúncio por vez, texto direto, link claro. Remova ao fim da campanha.
O drawer mobile é ativado abaixo de 768px em substituição aos links centralizados. Numeração mono no canto direito reforça a identidade editorial. Limite de 5 itens — hierarquize e agrupe se necessário. O botão de fechar sempre visível no canto oposto ao logo.