Menu fixo transparente sobre o hero que ganha fundo de vidro e linha inferior depois de 30px de rolagem. Sublinhado animado nos links, CTA em pílula.
Navegação
menu, drawer, botões flutuantes, âncoras, progresso de leituraAtalho circular fixo no canto inferior direito, na cor de marca. Link real, sem JavaScript.
Painel de tela cheia deslizando da direita, com trava de scroll, fechamento por Esc e devolução de foco a quem abriu.
Hero
aberturas de página, acima da dobraAbertura de tela cheia com foto sangrada, scrim duplo, headline revelada linha a linha e régua opcional de 4 números.
Conteúdo
blocos de texto e imagem: manifesto, colunas, alternado, grids editoriaisQuatro cards de vidro, cada um com uma marca (logo ou texto) e uma lista curta de atributos. Alinha logo e texto pela mesma faixa de altura fixa.
Cabeçalho centralizado, uma pessoa em destaque num card largo e o restante do time em grade de três. Placeholder de iniciais enquanto não há fotos.
Duas colunas: foto que estica na altura da linha e desloca em parallax, e lista numerada de 3 a 4 diferenciais com título e frase.
Citação grande em itálico revelada palavra a palavra, com parágrafo de apoio e link de texto na coluna ao lado.
Grade de três cards em retrato; número, título e frase ficam dentro da imagem, sobre gradiente e blur mascarado.
Listas e coleções
serviços, etapas, perguntas — tudo que enumera com interaçãoEtapas em cards de vidro que grudam no topo em alturas escalonadas, encolhendo e apagando conforme são cobertos, sobre uma foto que fica pinada por uma tela inteira.
4 a 6 painéis de foto lado a lado; o ativo expande e revela título e descrição, os fechados mostram número e título vertical.
Lista de perguntas com abertura em altura animada e sinal +/- que gira. Um item aberto por vez, com aria-expanded e aria-controls.
Prova social
logos, depoimentos, números, cases, imprensaFaixa de prova social com rótulo centralizado e fileira de logos em loop contínuo, pausando no hover. CSS puro.
Conversão
cta, formulário, agendamento, planos, campos de formulárioSeção de conversão com foto de fundo esmaecida: argumento e lista de benefícios de um lado (sticky), card de vidro com formulário do outro.
Substituto do <select> nativo com lista estilizável, navegação por teclado, ARIA completo e input hidden para envio normal do formulário.
Dados e diagramas
mapas, globos, diagramas calculados, gráficosDois territórios com listas ligados por traços SVG a um núcleo em órbita, mais uma terceira ramificação embaixo. O caminho de cada traço é calculado a partir da posição real dos elementos.
Esfera em projeção ortográfica desenhada em canvas a partir de pontos lat/lng, girando conforme a rolagem, com arcos de rota que acendem em sequência.
Rodapé
rodapés e faixas legaisMarca com descrição e social na primeira coluna, três listas de links nas outras, parágrafo legal e barra final de copyright.
Nenhum componente bate com esse filtro. Se era para existir, ele ainda não foi catalogado: confira a fila abaixo.
Fila
o que faltaefeitos/quebra-papel-rasgado, que não é extração —
foi previsto no projeto de origem e nunca ligado (.torn{clip-path:none}), então precisa ser feito do zero.
tarvos-website — é a origem de boa parte das primitivas do core.
Depois: lancamento-terceira-onda, organizza, vantis-platform, gerenciador-campanhas.