88 módulos. Zero plugins para instalar.

Imagem grande, título e CTA, com carrossel e overlay.

Retrato com scan holográfico ou partículas 3D.

Hero estático: título grande + mídia (foto/point cloud). Sem carrossel.

Hero com vídeo de fundo + camada de vigilância (mira/REC/scan). Impacto máximo.

Hero sereno com orbe que respira (guia inspire/expire). Calma, saúde/terapia.

Hero animado: pontos convergem a um hexágono central (símbolo/valores). Segurança/consultoria/tech.

Hero animado: viga em elementos finitos que flexiona sob carga com mapa de tensão. Engenharia/estrutural/técnico.

Hero animado: pontos dispersos se organizam numa linha ascendente (triângulo/norte) com pulso. Financeiro/BPO/consultoria.

Hero animado claro: pontos se conectam e desabrocham numa flor que respira no degradê. Wellness/beleza/evento/feminino.

Hero animado quente: linha de glacê dourado que se desenha sozinha + pó de açúcar. Confeitaria/gastronomia/artesanal.

Hero animado escuro: uma navalha dourada traça o brasão/monograma com brilho + listras de poste. Barbearia/visagismo/salão.

Hero animado escuro: um cabeçote de laser corta uma peça de aço, com corte incandescente + faíscas. Metalúrgica/indústria/fabricação.

Hero animado escuro: suportes de aço são cortados e a tábua de madeira encaixa por cima, montando a prateleira. Landing de suportes/produto.

Hero animado claro: uma mandala se desenha por simetria e respira, em verde e dourado. Saúde integrativa/bem-estar/holística/terapias.

Hero animado escuro: um favo de mel se constrói célula por célula, o mel dourado preenche os hexágonos e abelhas voam entre eles. Agência/colaboração/rede/tech/comunidade.

Hero animado escuro: pontos soltos que se aproximam, criam ligações e trocam pulsos de dados, virando uma rede viva. Tech/IA/SaaS/ecossistema/conexão entre empresas.

Hero/seção animado escuro: um radar dourado varre um favo, com anéis e detecções (blips) que acendem. Símbolo de observação e monitoramento constante. Segurança/vigilância/monitoramento/tech.

A foto abre quase apagada e uma luz quente atravessa devagar, revelando as pessoas por onde passa; o título entra depois. Encena "ser vista" em vez de só escrever. Três formas de luz (amanhecer, facho, brasa). Usa foto real e pesa alguns KB, em vez de vídeo de banco.

A tela trava num cômodo vazio e cada peça entra no lugar dela conforme a pessoa rola, com nome e preço ao lado. Cada peça pode levar ao produto. Decoração, móveis, reforma, paisagismo.

A tela trava e cada foto entra com fundido e zoom lento conforme a pessoa rola, com um texto por foto. O "scroll-vídeo" de quem só tem fotos. Leve, funciona no celular.

Fundo, um recorte sem fundo (produto, pessoa) e o texto, cada um andando numa velocidade e reagindo ao mouse. Profundidade de verdade num bloco só.

Hero cinematográfico: o vídeo é fatiado em quadros e avança conforme a pessoa rola, com capítulos de texto em pontos do progresso. Quando termina, o site segue normal. Funciona no celular (quadros em canvas, não

Animação de terminal em canvas, com fonte pixel. Dois motivos: convergência (pontos soltos que se acham e viram malha) e gargalo (fluxo que trava, acumula e depois abre). Para marcas de tecnologia que querem contar a ideia em vez de mostrar código.

Cabeçalho com breadcrumb, herda o Topo global ou personaliza.

Frase de marca centralizada e elegante.

Lista editorial com números gigantes (01/02/03).

O desenho que o médico faz no fim do atendimento: útero em vista posterior, trompas, ovários e reto se desenham à mão, depois a caneta marca os focos. Saúde da mulher/endometriose/diagnóstico por imagem/consultório.

Passos do método numerados que deslizam de lado conforme a pessoa rola (seção presa). Painéis chanfrados em mel/preto. Processo/como funciona/método.

Etapas com uma foto cada, em ziguezague (linha no meio, foto de um lado, texto do outro), cards ou lista. Dia a dia de roteiro, fases de um projeto, história da empresa, antes e depois.

Chamada assimétrica: foto de um lado, título e botão do outro. Serve pra quebrar o ritmo quando a página já tem uma chamada centralizada e as duas competem. Quatro composições (foto à esquerda, à direita, cortada em diagonal, ou cartão sobre a foto). As cores saem do tema do site por padrão.

O formulário onde a pessoa escreve a própria história e manda uma foto. Entra como pendente e só vai pro site depois de alguém aprovar no painel. Dois modos de rótulo: virada de negócio ou relato pessoal. A foto sobe direto pro storage, sem travar em foto grande de celular.

As pessoas enviam a própria história com foto, você aprova no painel e ela entra no site com página própria. Três modelos bem diferentes (revista, mosaico e mural) para dois sites não ficarem iguais. O arco é fixo (quem ela era antes, quando quase desistiu, o que mudou, onde está hoje), que é o que prende a leitura e o que o Google indexa.

Manifesto em letras grandes: cada palavra acende conforme a pessoa rola, e números importantes contam até o valor no fim. Bom pra frase de posicionamento, missão, "por que existimos".

A página trava e a história anda pro lado: anos, etapas de um processo, passos de um método, com foto opcional em cada item. Contador e barra de progresso.

Transforma a pagina num DOCUMENTO: esconde o cabecalho, o rodape e o botao flutuante do site, e poe no lugar uma barra fixa com as secoes da propria pagina. Para manual de marca, proposta ou qualquer peca enviada ao cliente, onde o menu do site compete com o conteudo.

Construcao do simbolo no grid, area de respiro, tamanho minimo, o padrao grafico. Aceita o SVG colado, porque desenho tecnico e por marca e nao vira formulario. Para manual de marca.

Mostra cada fonte da marca na propria pele: frase grande, alfabeto e numerais, com o papel de cada voz e onde ela nao pode ser usada. Carrega as familias do Google Fonts sozinho. Para manual de marca.

O pode e o nao pode da marca, lado a lado. O errado sai riscado na imagem, entao se entende antes de ler a legenda. A pagina de manual que o cliente mais volta a consultar.

Texto editorial com foto e lista.

Lista fina de tratamentos: nome · duração · preço, por categoria. (Spa/estética)

Cards de pacote: foto, inclui, duração e "a partir de". (Spa/estética)

Experiência de destaque: foto grande + passo a passo do ritual. (Spa/estética)

Grade de serviços/recursos em favo de mel tesselado; cada célula é um hexágono que acende no hover e leva a um link. Agência/serviços/portfólio.

Apresenta um presente/mimo (kit de boas-vindas) com itens e um visual: foto do kit ou um mockup ilustrado (pote de mel + caderno). Relacionamento/mimo/brinde.

Cards de plano com preço, itens inclusos e "Mais popular". Assinatura/academia.

Foto, migalhas, etiqueta de categoria, título, local, tags e chips de ficha técnica (duração, distância, dificuldade). Agências de viagem, trekking, excursão.

Duas colunas: texto e atrativos à esquerda; cartão de reserva fixo à direita com "a partir de", botão e incluídos com check.

Largura total em 2 ou 3 colunas com ícones: o que vai no valor, o que não vai e o que trazer.

Calendário das próximas datas de cada roteiro, em lista por mês ou grade do mês. Cada data é um botão que já abre o formulário de reserva com roteiro e dia preenchidos, e mostra "últimas vagas" e "esgotada" sozinho. As datas são cadastradas em Agenda, no painel, inclusive em lote.

Grade de roteiros com foto, etiquetas, local, linha curta (dias · dificuldade), "a partir de" e selo de destaque.

Faixa escura: ganhe moedas por ações e troque por recompensas. Fidelidade.

Grade de cards com ícone e descrição.

Áreas atendidas em cards com marcador de mapa.

Cliente escolhe unidade, serviço, profissional e dia; abre o WhatsApp com a mensagem pronta (com código p/ automação). Barbearia/salão/clínica.

Tabela dia × horário com abas por quadro (ex.: Amarelo/Azul). Academia/estúdio.

Quem está por trás: foto, nome, função, bio e redes de cada pessoa. Retrato + bio longa ou cards em grade. Emite Person pro Google.

Endereço completo, horários, botão "Como chegar" e mapa do Google. Emite os dados de negócio local pro Google. Uma ou várias unidades.

Cards por unidade (foto + endereço) que levam à página de cada uma.

Cards de vídeo (play em modal), prova social forte.

Faixa escura estilo painel ao vivo com métricas.

Espaço próprio para um parceiro: foto, quem é quem (aceita dupla) e destaques, acima do card de lista comum. Rede de indicação/parceria/clínica/associados.

Estatísticas em destaque (count-up).

Carrossel de avaliações.

Faixa de marcas/selos.

Perguntas frequentes em accordion.

Grade assimétrica de cards (cara premium/SaaS).

Linhas grandes de projeto; imagem flutua no hover (estilo estúdio).

Grade de projetos (1/2/3 colunas ou masonry) com foto.

Mosaico de fotos com parallax suave no scroll.

Foto + paleta de cores (swatches com hex) + texto. Ideal p/ dress code de evento ou moodboard de marca.

Timer de urgência até uma data.

Chamada full-width: código sobre fundo sólido; o mouse revela a imagem.

Capa + descrição + benefícios + download. Lead magnet.

Calculadora grande, para ABRIR a pagina em vez de ficar num cantinho. Mostra o custo de hoje em escada (dia, mes, ano), a diferenca no ano e as HORAS que a equipe deixa de perder saindo para comer. Esse segundo numero e o que ninguem no setor mostra, e nao sai de palpite: a pessoa informa os minutos.

A pessoa informa quantos funcionários e quanto paga hoje por dia; o bloco mostra a diferença no mês e no ano. Lead magnet para quem vende por pessoa/dia (refeição, transporte, benefício).

Calcula o IMC (altura + peso), mostra a faixa e um CTA. Lead magnet fitness/saúde.

Bloco escuro com benefícios e CTA.

Faixa de chamada para ação.

Insere um formulário que você criou em Formulários.

Quiz conversacional que descobre a dor do cliente, mostra na tela quanto ela custa por mês e termina agendando reunião. O vendedor recebe a leitura pronta.

Faixa de texto cinético em loop, cara de estúdio.

Textura de filme sobre a página, muda o clima.

Galeria de cards que desliza na horizontal.

Texto grande que ganha opacidade ao rolar (estilo estúdio).

Cards que empilham e se sobrepõem conforme o scroll.

Liga abelhas vivas (uma segue o cursor e pousa, outras cruzam a tela) e uma linha de mel na borda que enche com o scroll. Não mostra nada inline. Encanto pra marcas de colmeia/natureza.

Seção escura: um enxame de partículas se junta e forma um hexágono (símbolo da colmeia), segura e dispersa em loop. Texto centralizado. Colmeia/rede/união/tech.

Ao abrir a página, uma cortina de mel despenca do topo e recua, revelando o conteúdo. Toca uma vez. Ideal no topo de páginas de serviço. Não mostra nada depois.