Getting started
How Omni is organised
On this page
Theme settings
Colors, fonts, buttons, forms, spacing, corner radius and panel style for the whole site. Changing a theme setting restyles every Omni module that has not been customised locally. See Theme settings in this help center.
Modules
| Module | Use it for |
|---|---|
| Hero banner | The first section of a page – split, centered or cover layout with height presets |
| Content switcher with tabs | Two to five audiences or products, e.g. «For SaaS companies» and «For B2B companies» |
| Feature cards grid | Benefits, services or steps as cards with icon, image or number |
| Text and media split | Text and bullet lists beside an image, SVG, video or embed |
| Image and logo scroller | Customer logos or image cards as a grid, marquee or carousel |
| Statistics row | Key numbers that count up when scrolled into view |
| Testimonial quotes | Customer quotes on their own, in a carousel or in a grid |
| Process steps timeline | Processes, onboarding plans and timelines as numbered steps on a line |
| Link rows and guide | Rows that lead to pages, or a guide that matches needs with the right offer |
| Questions and answers accordion | FAQs with optional structured data for search engines |
| Pricing plans | Plans with a monthly/yearly switch and feature lists |
| Comparison table | Plans or products compared feature by feature |
| Articles and insights grid | Blog posts with optional filter chips |
| Team members grid | People with portrait, role and contact links |
| CTA Band | Buttons, text with buttons, text with media, text with a form, or a form alone |
| Site header | The header on every page – logo, navigation menu with dropdowns, buttons and a mobile menu |
| Site footer | The footer on every page – logo, text, social links, link columns, newsletter form and legal links |
| Site logo | The logo on its own, for example in the header of landing pages – your brand logo, a placeholder or any image |
Shared controls
Every Omni module offers the same controls in the same place, so what you learn once works everywhere:
- Styles → Background: Color, gradient, image or video, with overlay, decorative pattern and light text.
- Styles → Layout → Module width: Full width, inset panel, fixed width or percent width.
- Styles → Spacing and Styles → Alignment.
- Styles → Animation: Use the theme setting, or switch animations on or off for one module.
- Headings with highlighted words, buttons that can be links or HubSpot CTAs, and link fields that accept pages, URLs, files, e-mail addresses and phone numbers.
Templates and sections
Page templates combine modules into complete pages (Home, Pricing and more). Sections are smaller reusable building blocks you add from the editor. The blog listing template shows your posts with filter chips.
More in this category
Keep reading
Support
Did this answer your question?
If not, write to us and say which page you were on.