Skip to main content

Modules Overview

This section is for editors and content managers. It explains what each module is for, how it usually appears on the page, and when it is the right choice.

In this guide, we use the word module instead of block.

How To Use This Guide​

  • Start with the page goal: introduce, persuade, compare, support, or capture leads.
  • Choose the module that matches the job you want the page section to do.
  • Check the variants to understand the visual options before you start filling fields.
  • Use screenshots as a quick visual reference where available.

Available Modules​

  • Hero
  • Hero Section
  • Rich Text Section
  • Featured Story
  • Products Used Section
  • Content Grid
  • Newsletter
  • Blog Section
  • Highlight Section
  • Divider
  • Heading Box
  • Promo Banner
  • Success Stories Top Banner
  • Card Grid
  • Contact Grid
  • Zig-Zag Card Section
  • Side Content
  • Success Story Section
  • Introduction Section
  • Interactive Product Showcase
  • Centered Media Spotlight
  • Knowledge Center Filters
  • Knowledge Center Grid

A Simple Way To Choose​

  • Use Hero, Heading Box, or Introduction Section when you need to open a page strongly.
  • Use Featured Story, Success Story Section, or Blog Section when storytelling is the priority.
  • Use Card Grid, Content Grid, or Knowledge Center Grid when you need to show multiple items together.
  • Use Promo Banner, Highlight Section, or Centered Media Spotlight when you need a more visual callout.
  • Use Divider to control rhythm and spacing between sections.