Contratos de composição.

Os padrões descrevem anatomia, categoria e status antes de qualquer implementação específica em React, HTML ou WordPress.

Ver blocos de marketing

Brand sectionbrand-section / brand / draft

Seção editorial base para conteúdos de brand guide.

Feature cardfeature-card / content / draft

Card de feature para explicar benefícios e diferenciais de marketing.

Marketing CTAmarketing-cta / conversion / draft

Bloco de conversao para campanhas, paginas editoriais e landing pages.

Marketing heromarketing-hero / conversion / draft

Primeira dobra assimetrica para landing pages de marketing.

Benefit sectionbenefit-section / content / draft

Seção de benefícios composta por cards e cabeçalho editorial.

FAQ sectionfaq-section / content / draft

Seção de perguntas frequentes com interação nativa e sem dependência de JS.

Proof stripproof-strip / brand / draft

Faixa de prova social para claims curtos, selos e marcos de confianca.

Testimonial cardtestimonial-card / content / draft

Card de prova social com frase, pessoa e metadado de aprovacao.

Pillar cardpillar-card / content / draft

Card de etapa do metodo com variantes compacta e expandida.

Marqueemarquee / brand / draft

Faixa de movimento para slogans, prova social e mensagens de campanha.

Navbarnavbar / navigation / draft

Barra de navegacao superior com marca, links e acao principal.

Hero sectionhero-section / conversion / draft

Hero editorial com imagem, stickers, headline fragmentado e CTA lateral.

Pillars sectionpillars-section / content / draft

Secao para pilares, etapas ou fundamentos com cards numerados.

Proof sectionproof-section / brand / draft

Mosaico opcional e faixa de prova social para resultados ou aprovados.

Feature gridfeature-grid / content / draft

Grade de cards para dores, beneficios, recursos ou argumentos editoriais.

Blog indexblog-index / content / draft

Pagina inicial de blog com hero editorial, destaque, filtros, grid de posts e paginacao.

Blog articleblog-article / content / draft

Pagina de artigo com hero vermelho, capa, corpo tipografico, compartilhamento e posts relacionados.

Pain sectionpain-section / conversion / draft

Secao de dores da home com cards iconizados, statement, CTA e transicao scalloped.

Platform showcaseplatform-showcase / content / draft

Showcase de plataforma com navegacao lateral e painel demonstrativo.

Question bank sectionquestion-bank-section / content / draft

Secao para banco de questoes, categorias de conteudo ou listas de disciplinas.

Pricing sectionpricing-section / conversion / draft

Secao de planos com cards de oferta e destaque opcional.

Audience sectionaudience-section / content / draft

Secao para publico especifico, segmento ou proposta institucional.

Site footersite-footer / navigation / draft

Rodape institucional com marca, texto e links.