pen-brand-section, pen-brand-section__eyebrowSeção editorial base para conteúdos de brand guide em consumidores sem React.
Biblioteca
Contratos públicos para consumidores externos.
Pacotes iniciais: tokens, css, ui, web e patterns. A lista abaixo cruza padrões de composição com renderers HTML portáteis.
pen-feature-card, pen-feature-card__eyebrowCard de feature de marketing com título, apoio e eyebrow opcional.
pen-marketing-cta, pen-marketing-cta__content, pen-marketing-cta__actionsBloco de chamada para conversão com ações portáteis em HTML.
pen-marketing-hero, pen-marketing-hero__content, pen-marketing-hero__actions, pen-marketing-hero__visualHero assimetrico para landing pages de marketing.
pen-benefit-section, pen-benefit-section__header, pen-benefit-section__gridSeção de benefícios composta por feature cards.
pen-faq-section, pen-faq-section__items, pen-faq-itemSeção de perguntas frequentes com detalhes HTML nativos.
pen-proof-stripFaixa curta para prova social, selos e claims de confianca.
brand-sectionSeção editorial base para conteúdos de brand guide.
feature-cardCard de feature para explicar benefícios e diferenciais de marketing.
marketing-ctaBloco de conversao para campanhas, paginas editoriais e landing pages.
marketing-heroPrimeira dobra assimetrica para landing pages de marketing.
benefit-sectionSeção de benefícios composta por cards e cabeçalho editorial.
faq-sectionSeção de perguntas frequentes com interação nativa e sem dependência de JS.
proof-stripFaixa de prova social para claims curtos, selos e marcos de confianca.