Marketing
Website sections for landing pages. Drop-in heroes, feature grids, pricing tables, testimonials, and more — all adapted to the brand.
19 section types
122 variants total
How To Use This Page
Marketing sections are grouped by the role they play on a landing page, such as page introductions, conversion moments, proof points, and supporting content.
Use this catalog when you are building a narrative page and need a reusable section pattern rather than a single control.
How The Content Is Grouped
- The top-level Marketing page groups the catalog by subcategory, making it easier to choose a family of patterns before drilling into an implementation.
- Use the highlighted links below to start with the highest-signal areas of the section.
Heroes
Full-width hero sections with headlines, CTAs, screenshots, and sign-up forms.
Feature Sections
Showcase product features with icons, images, and alternating layouts.
CTA Sections
Calls-to-action with bold headlines, brand backgrounds, and button groups.
Pricing
Pricing tables with tiers, feature lists, toggles, and comparison grids.
Testimonials
Customer quotes with avatars, company logos, and branded backgrounds.
FAQ Sections
Frequently asked questions in accordion, two-column, and grid layouts.
Stats Sections
Key metrics and numbers in card, brand, and image-backed layouts.
Logo Clouds
Partner and customer logo grids with headings and brand backgrounds.
Newsletter
Email capture sections with descriptions, branded cards, and dark variants.
Content Sections
Long-form content blocks with split images, testimonials, and stats.
Blog Sections
Article grids with thumbnails, badges, authors, and newsletter sign-up.
Contact Sections
Contact forms with two-tone splits, brand panels, and multi-column layouts.
Team Sections
Team member grids with photos, bios, and social links.
Footers
Site footers with multi-column nav, newsletter, social links, and dark variants.
Headers
Page headers with background images, overlapping cards, and select menus.
Banners
Announcement banners at the top or bottom — dismissible, sticky, and floating variants.
Flyout Menus
Dropdown nav menus with icon grids, columns, and footer action rows.
Nav Headers
Full site navigation headers with logo, links, flyouts, and mobile drawers.
404 Pages
Not-found pages with simple layouts, popular links, images, and full nav.