📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
How It Works / Process
Step-by-step guides, timelines, and process flows
410 components - V3 300 · V4 110
📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Centered How It Works with Badge, Numbered, and 4 Steps 2
4-steps numbered badge no-CTA normal
Centered How It Works with Badge, Numbered, CTA, and 4 Steps 2
4-steps numbered badge CTA normal
Centered How It Works with Subtitle and 4 Steps 3
4-steps icon h+sub no-CTA normal
Centered How It Works with Subtitle, CTA, and 4 Steps 3
4-steps icon h+sub CTA normal
Centered How It Works with Heading Only and 4 Steps 3
4-steps icon h-only no-CTA normal
Centered How It Works with Heading Only, CTA, and 4 Steps 3
4-steps icon h-only CTA normal
Centered How It Works with Badge and 4 Steps 3
4-steps icon badge no-CTA normal
Centered How It Works with Badge, CTA, and 4 Steps 3
4-steps icon badge CTA normal
Centered How It Works with Subtitle and 4 Steps 4
4-steps image h+sub no-CTA normal
Centered How It Works with Subtitle, CTA, and 4 Steps 4
4-steps image h+sub CTA normal
Centered How It Works with Heading Only and 4 Steps 4
4-steps image h-only no-CTA normal
Centered How It Works with Heading Only, CTA, and 4 Steps 4
4-steps image h-only CTA normal
Centered How It Works with Badge and 4 Steps 4
4-steps image badge no-CTA normal
Centered How It Works with Badge, CTA, and 4 Steps 4
4-steps image badge CTA normal
Centered How It Works with Subtitle, Numbered, and 3 Steps 3
3-steps numbered h+sub no-CTA relaxed
Centered How It Works with Subtitle, Numbered, CTA, and 3 Steps 3
3-steps numbered h+sub CTA relaxed
Centered How It Works with Heading Only, Numbered, and 3 Steps 3
3-steps numbered h-only no-CTA relaxed
Centered How It Works with Heading Only, Numbered, CTA, and 3 Steps 3
3-steps numbered h-only CTA relaxed
Centered How It Works with Badge, Numbered, and 3 Steps 3
3-steps numbered badge no-CTA relaxed
Centered How It Works with Badge, Numbered, CTA, and 3 Steps 3
3-steps numbered badge CTA relaxed
Centered How It Works with Subtitle and 3 Steps 5
3-steps icon h+sub no-CTA relaxed
Centered How It Works with Subtitle, CTA, and 3 Steps 5
3-steps icon h+sub CTA relaxed
Centered How It Works with Heading Only and 3 Steps 5
3-steps icon h-only no-CTA relaxed
Centered How It Works with Heading Only, CTA, and 3 Steps 5
3-steps icon h-only CTA relaxed