Icon Cards Row
Full-width grid of icon + title + description cards. 6-col default, 5-col modifier.
Section Title
Primary subtitle text goes here.
Secondary supporting body copy — shorter, contextual detail.
Card Title One
Short description that explains the value of this feature in two clear sentences.
Card Title Two
Short description that explains the value of this feature in two clear sentences.
Card Title Three
Short description that explains the value of this feature in two clear sentences.
Card Title Four
Short description that explains the value of this feature in two clear sentences.
Card Title Five
Short description that explains the value of this feature in two clear sentences.
Card Title Six
Short description that explains the value of this feature in two clear sentences.
Section Title
Primary subtitle text goes here.
Secondary supporting body copy — shorter, contextual detail.
Card Title One
Short description that explains the value of this feature in two clear sentences.
Card Title Two
Short description that explains the value of this feature in two clear sentences.
Card Title Three
Short description that explains the value of this feature in two clear sentences.
Card Title Four
Short description that explains the value of this feature in two clear sentences.
Card Title Five
Short description that explains the value of this feature in two clear sentences.
Card Title Six
Short description that explains the value of this feature in two clear sentences.
Page Hero
Full-bleed dark hero with background image, overlay, bottom fade, badge, heading, subtitle, and CTAs.
Image + Content
55/45 split — large image paired with heading, body copy, and a CTA. Switch image side with --reverse modifier.
Section Title
Primary body copy — one or two sentences that introduce the main idea of this section and its value to the reader.
Secondary supporting copy — a shorter follow-up sentence or clarifying detail.
Primary CTA
Section Title
Primary body copy — one or two sentences that introduce the main idea of this section and its value to the reader.
- No First key point
- No Second key point
- No Third key point
Closing statement — a short confident sentence that lands the section's message.
Section Title
Primary body copy — one or two sentences that introduce the main idea of this section and its value to the reader.
Secondary supporting copy — a shorter follow-up sentence or clarifying detail.
Primary CTAStart Small. Own More Later.
Image left (48%) + numbered step list right (52%) on a gradient light background. Used for step-by-step onboarding or migration flows.
Start Small. Own More Later.
Subtitle — describe the progression or journey this section outlines for the reader.
First step title.
Explain what happens in this step and why it matters to the reader.
Second step title.
Explain what happens in this step and why it matters to the reader.
Third step title.
Explain what happens in this step and why it matters to the reader.
Fourth step title.
Explain what happens in this step and why it matters to the reader.
Start Small. Own More Later.
Subtitle — describe the progression or journey this section outlines for the reader.
First step title.
Explain what happens in this step and why it matters to the reader.
Second step title.
Explain what happens in this step and why it matters to the reader.
Third step title.
Explain what happens in this step and why it matters to the reader.
Fourth step title.
Explain what happens in this step and why it matters to the reader.
Feature Cards + Image
50/50 split — icon feature card list on one side, full-height image on the other. Dark and light background variants.
Section Title
Subtitle — one sentence that frames the value of what's listed below.
Feature Title One
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Two
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Three
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Four
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Five
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Six
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Seven
Short description explaining the benefit of this feature in one clear sentence.
Section Title
Subtitle — one sentence that frames the value of what's listed below.
Feature Title One
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Two
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Three
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Four
Short description explaining the benefit of this feature in one clear sentence.
Feature Title Five
Short description explaining the benefit of this feature in one clear sentence.
Final CTA
Full-width background image with a dark glass content block anchored to the bottom. Single centered column or two-column split with a divider.
Scroll-Pinned Slider
Sticky viewport with image + text slides driven by scroll progress. Dark variant: image left, text right. Light variant: text left, image right. Mobile falls back to dot navigation.
