--- title: Every module in the OMNI theme | OMNI description: "Every drag-and-drop module in the OMNI HubSpot CMS theme, one section per variant: heroes, cards, pricing, comparison tables, calculators and more." --- [Skip to content](https://www.omni-theme.com/modules#main-content) New Webinar: build a landing page in 5 minutes [Sign up](https://www.omni-theme.com/demo-landing-webinar-pro?hsLang=en) Close menu [![OMNI Theme main logo](https://www.omni-theme.com/hubfs/omni-brand/svg/omni-lockup-horizontal-light.svg)![](https://www.omni-theme.com/hubfs/omni-brand/svg/omni-lockup-horizontal-dark.svg)](https://www.omni-theme.com/?hsLang=en) - OMNI Free Everything you need to publish, at no cost The full theme for HubSpot CMS. Sections, fields and page templates your team can use without a developer. [Go to OMNI Free](https://www.omni-theme.com/omni-free) - [What's in Free The theme, and who it is built for](https://www.omni-theme.com/omni-free) - [All free modules 39 features on one page](https://www.omni-theme.com/free-modules) - [Page templates 13 page templates and 5 landing pages](https://www.omni-theme.com/pages) - [Documentation Install, set up and every module explained](https://omnitheme.springagency.com/docs) - [Changelog What changed, and when](https://omnitheme.springagency.com/docs/changelog) Install in your portal We e-mail you the install link. Thanks, we have your address. The install link comes by e-mail. One e-mail with the link, then nothing unless you ask for it. - OMNI ProNew - [CalculatorHot](https://www.omni-theme.com/pro-modules#roi) - [Mega menuHot](https://www.omni-theme.com/pro-modules#mega-menu) - [Table of contentsHot](https://www.omni-theme.com/pro-modules#toc) - [Product tourHot](https://www.omni-theme.com/pro-modules#tour) - [Advanced pricing](https://www.omni-theme.com/pro-modules#plans) - [Story panels](https://www.omni-theme.com/pro-modules#stories) [Compare Free and Pro](https://www.omni-theme.com/pricing#plans) [Every Pro module, on one page A calculator, a floating table of contents, a product tour and the rest, each with its own address.](https://www.omni-theme.com/pro-modules) OMNI Pro, version 1.0 61 features, 22 of them only in Pro. [Get OMNI Pro](https://www.omni-theme.com/omni-pro) - Features Sections - [Hero banner](https://www.omni-theme.com/free-modules#hero) - [Feature cards](https://www.omni-theme.com/free-modules#cards) - [Text and media](https://www.omni-theme.com/free-modules#text-media) - [Text section](https://www.omni-theme.com/free-modules#text) - [Text boxesPro](https://www.omni-theme.com/pro-modules#text-boxes) - [Process steps](https://www.omni-theme.com/free-modules#steps) - [Statistics row](https://www.omni-theme.com/free-modules#stats) - [Questions and answers](https://www.omni-theme.com/free-modules#faq) - [Comparison tableHot](https://www.omni-theme.com/free-modules#compare) - [Pricing plans](https://www.omni-theme.com/free-modules#pricing) - [Advanced pricingPro](https://www.omni-theme.com/pro-modules#plans) - [Testimonial quotes](https://www.omni-theme.com/free-modules#quote) - [Team grid](https://www.omni-theme.com/free-modules#team) - [Articles grid](https://www.omni-theme.com/free-modules#articles) - [Link rows](https://www.omni-theme.com/free-modules#rows) - [CTA band](https://www.omni-theme.com/free-modules#cta) - [Content switcher](https://www.omni-theme.com/free-modules#tabs) - [Image and logo scroller](https://www.omni-theme.com/free-modules#scroller) - [Section separatorPro](https://www.omni-theme.com/pro-modules#separator) Navigation - [Site header](https://www.omni-theme.com/free-modules#site-header) - [SearchNew](https://www.omni-theme.com/free-modules#search) - [Top barNewPro](https://www.omni-theme.com/pro-modules#top-bar) - [Mega menuHotPro](https://www.omni-theme.com/pro-modules#mega-menu) - [Announcement barPro](https://www.omni-theme.com/pro-modules#announcement-bar) - [Menu tagsPro](https://www.omni-theme.com/pro-modules#menu-tags) - [Dark bar on scroll](https://www.omni-theme.com/free-modules#dark-bar) - [BreadcrumbsPro](https://www.omni-theme.com/pro-modules#breadcrumbs) - [Table of contentsHotPro](https://www.omni-theme.com/pro-modules#toc) - [Site footer](https://www.omni-theme.com/free-modules#site-footer) Storytelling - [Product tourHotPro](https://www.omni-theme.com/pro-modules#tour) - [Story panelsPro](https://www.omni-theme.com/pro-modules#stories) - [Expanding panelsPro](https://www.omni-theme.com/pro-modules#panels) - [Scrolling cardsPro](https://www.omni-theme.com/pro-modules#spotlight) - [Parallax people cardsPro](https://www.omni-theme.com/pro-modules#parallax) - [Image wallPro](https://www.omni-theme.com/pro-modules#wall) - [Before and afterPro](https://www.omni-theme.com/pro-modules#contrast) - [Score meterPro](https://www.omni-theme.com/pro-modules#score) Conversion - [CalculatorHotPro](https://www.omni-theme.com/pro-modules#roi) - [Subscribe cardPro](https://www.omni-theme.com/pro-modules#subscribe) - [Forms](https://www.omni-theme.com/free-modules#forms) - [Meetings](https://www.omni-theme.com/free-modules#meetings) - [Two-step e-mail sign-up](https://www.omni-theme.com/free-modules#signup) - [Customer reviewsPro](https://www.omni-theme.com/pro-modules#reviews) Design - [Light and dark colour modeHot](https://www.omni-theme.com/free-modules#color-modes) - [Brand in one place](https://www.omni-theme.com/free-modules#brand) - [Entrance animation](https://www.omni-theme.com/free-modules#entrance-animation) - [Background styles](https://www.omni-theme.com/free-modules#background-styles) - [Section width](https://www.omni-theme.com/free-modules#section-width) - [Anchor links](https://www.omni-theme.com/free-modules#anchor-links) - [Show moreHot](https://www.omni-theme.com/free-modules#show-more) - [Background fade-inNewPro](https://www.omni-theme.com/pro-modules#background-fade-in) - [Custom CSS per modulePro](https://www.omni-theme.com/pro-modules#custom-css) - [Animated illustrations](https://www.omni-theme.com/free-modules#animated-illustrations) Pages - [Page templates](https://www.omni-theme.com/free-modules#page-templates) - [Blog listing and post](https://www.omni-theme.com/free-modules#blog) - [System pages](https://www.omni-theme.com/free-modules#system-pages) - [Theme sections](https://www.omni-theme.com/free-modules#theme-sections) - [Structured dataHot](https://www.omni-theme.com/free-modules#structured-data) - [Speed](https://www.omni-theme.com/free-modules#speed) - [AccessibilityHot](https://www.omni-theme.com/free-modules#accessibility) - [Multi-language](https://www.omni-theme.com/free-modules#multi-language) 61 features, 22 of them in Pro. [Compare Free and Pro](https://www.omni-theme.com/pricing#plans) - Pages Home - [Website platform](https://www.omni-theme.com/demo-home-01) - [Web design studio](https://www.omni-theme.com/demo-home-02) - [Pro showcasePro](https://www.omni-theme.com/demo-home-03) Offer - [Product offering](https://www.omni-theme.com/demo-product-offering) - [Product page](https://www.omni-theme.com/demo-product) - [Service offering](https://www.omni-theme.com/demo-service-offering) - [Service page](https://www.omni-theme.com/demo-service) - [Product comparisonPro](https://www.omni-theme.com/demo-product-offering-pro) - [Product with calculatorPro](https://www.omni-theme.com/demo-product-pro) - [Service showcasePro](https://www.omni-theme.com/demo-service-offering-pro) - [Service with process tourPro](https://www.omni-theme.com/demo-service-pro) Company - [About us](https://www.omni-theme.com/demo-about-us) - [Contact](https://www.omni-theme.com/contact) - [About us with image wallPro](https://www.omni-theme.com/demo-about-us-pro) - [Contact with calendarPro](https://www.omni-theme.com/demo-contact-us-pro) Content - [Pillar page](https://www.omni-theme.com/demo-pillar) - [Blog listing](https://www.omni-theme.com/insights) - [Blog article](https://www.omni-theme.com/insights/speed-is-a-feature) - [Pillar with floating contentsPro](https://www.omni-theme.com/demo-pillar-pro) System - [System pages (404)](https://www.omni-theme.com/404) Website platformPro For a website product or a theme [Preview](https://www.omni-theme.com/demo-home-01) - Landing pages - E-book or guide [E-book or guide: Free](https://www.omni-theme.com/demo-landing-ebook) [E-book or guide: Pro](https://www.omni-theme.com/demo-landing-ebook-pro) - Event [Event: Free](https://www.omni-theme.com/demo-landing-event) [Event: Pro](https://www.omni-theme.com/demo-landing-event-pro) - Webinar [Webinar: Free](https://www.omni-theme.com/demo-landing-webinar) [Webinar: Pro](https://www.omni-theme.com/demo-landing-webinar-pro) - Book a demo [Book a demo: Free](https://www.omni-theme.com/demo-landing-demo) [Book a demo: Pro](https://www.omni-theme.com/demo-landing-demo-pro) - Newsletter sign-up [Newsletter sign-up: Free](https://www.omni-theme.com/demo-landing-newsletter) [Newsletter sign-up: Pro](https://www.omni-theme.com/demo-landing-newsletter-pro) Every landing page comes in a Free and a Pro version. [See every landing page](https://www.omni-theme.com/landing-pages) - [Pricing](https://www.omni-theme.com/pricing) - About - [About Spring Agency](https://www.omni-theme.com/about) - [Pricing](https://www.omni-theme.com/pricing) - [Documentation](https://omnitheme.springagency.com/docs) - [OMNI Insights](https://www.omni-theme.com/insights) - [Spring Agency](https://www.springagency.com/) - [Contact](https://www.omni-theme.com/contact) [Everything about us](https://www.omni-theme.com/about) [Built by Spring Agency Spring Agency builds HubSpot websites: design, custom modules, migration and integrations.](https://www.omni-theme.com/about) - Contact Talk to the people who build it Pick the door that fits. Every one of them ends up with someone who builds these sites. - [01 Support Guides and answers for every module and setting.](https://omnitheme.springagency.com/docs) - [02 Contact us Questions, custom work or anything else. One inbox.](https://www.omni-theme.com/contact) - [03 Setup session Included with OMNI Pro: We set the theme up with you.](https://www.omni-theme.com/omni-pro) - [Spring Agency The team behind OMNI. Services, work and customers.](https://www.springagency.com/) [Get OMNI free](https://www.omni-theme.com/omni-free?hsLang=en)[Get OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en) OMNI QA · every module on one page # Every OMNI module, *grouped by type* Each group starts with a section separator that names the module. The free modules come first; the modules that only ship in OMNI Pro sit at the bottom. [Free modules](https://www.omni-theme.com/modules#free-modules)[Pro modules](https://www.omni-theme.com/modules#pro-modules) Hero banner QA 1 · Hero banner · full width · small · image background from the File Manager, served at 1920 px · PRO: the background fades in · heading line height 1.3 (custom) # Hero on an image with *overlay* Split layout, light text on a dark overlay. Get OMNI free Explore the modules ![Preview of a website built with OMNI](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-editor.svg) QA 2 · Hero banner · inset panel · full screen · honeycomb ## Europe’s leading *platform* for teams Centered layout in an inset panel that fills the screen below the header. Get OMNI free Explore the modules QA 3 · Hero banner · fixed 1100 px · custom 420 px · gradient ## Cover layout on a *gradient* Contained panel with rounded corners. Get OMNI free Explore the modules QA 4 · Hero banner · stacked · screenshot in a device-style frame · checklist and button after the media · Dark color mode · centered ## Building pages got complicated. *OMNI made it simple.* You should not need a developer to launch a page. OMNI gives marketing every section in HubSpot's drag-and-drop editor, on brand from the first draft. ![Explaining an idea beside an open laptop](https://www.omni-theme.com/hubfs/omni-photos/headway-5QgIuuBxKwM-unsplash.jpg) - See every module before you build: Hero, cards, pricing, FAQ, quotes, steps and more. - Every page edited by drag and drop, with settings for content, layout and style. - One theme for the whole company. No developer backlog, no retainer. [Get OMNI free](https://www.omni-theme.com/?hsLang=en) QA 5 · Hero banner · e-mail sign-up under the text · two steps · the note sits under the field ## Launch the site. *Keep the momentum.* Type an address and the next step opens with it already filled in, so the hero itself loads no form script. Enter your email address Start free trial No credit card required · Cancel anytime · [See how OMNI compares](https://www.omni-theme.com/omni-comparison?hsLang=en) ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&height=800&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) QA 6 · Hero banner · Pro typewriter · the accent phrase is typed · centered · cursor on ## One theme for your *landing pages* The phrases take turns in place of the accent phrase. The first one is in the page source, so the heading is there before the script runs. [See the modules](https://www.omni-theme.com/modules#free-modules) CTA Band QA 7 · CTA Band · Buttons only Second button QA 8 · CTA Band · split · swapped ## Buttons on the *left*, text on the right Text beside buttons with the sides swapped. Get OMNI free Book a walkthrough No credit card required QA 9 · CTA Band · text and image · swapped · inset ## Image on the left, *text* on the right Light background without light text. Primary Outline ![Team at work](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) QA 10 · CTA Band · text and form · contact details · buttons with the form ## Let’s talk about *your needs* A form beside the text, with contact rows. The form placeholder only shows in the editor. - E-mail [hello@example.com](mailto:hello@example.com) - Phone [+47 22 00 00 00](tel:+4722000000) Get OMNI free Book a walkthrough QA 11 · CTA Band · text and HubSpot meeting · booking calendar instead of the form · narrow column ## Book a talk about *your HubSpot site* Pick a day and a time that suits you. The calendar is a HubSpot scheduling page, shown in place of the form. ### Find a time that works QA 12 · CTA Band · HubSpot meeting only · wide calendar with the times beside it · light background QA 13 · CTA Band · text and SVG · SVG at 140 % · sides cropped ## Let the graphic *bleed* Above 100 % the SVG grows past its column and the media area crops the sides. Explore templates ![Logoipsum](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) QA 14 · CTA Band · custom SVG tile drawn at 1920 × 1080 · repeated at 960 px ## Seamless tiles *repeat forever* A polygon net drawn as one 1920 × 1080 tile, shown at 960 px so the net is twice as dense. Set Tile width to 0 for the drawn size. See the theme settings QA 15 · CTA Band · anchors · buttons scroll to sections further down (Anchor ID on the statistics row, the comparison table and the customer story) ## Jump *straight to a section* Each button links to #anchor. The page scrolls smoothly and stops below the header. [Jump to the numbers](https://www.omni-theme.com/modules#numbers)[Jump to the comparison](https://www.omni-theme.com/modules#comparison)[Jump to the customer story](https://www.omni-theme.com/modules#customer-story) Feature cards grid QA 16 · Feature cards grid · tinted, circle images, centered ## Round *photos* ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ### Wide World Importers A short customer story next to a round person photo. ![Placeholder photo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Blue Harbor A short customer story next to a round person photo. ![Placeholder photo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Lumen Labs A short customer story next to a round person photo. QA 17 · Feature cards grid · portrait 4:5 images ## Portrait *ratio* ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) ### Trey Research A short customer story next to a round person photo. ![Placeholder photo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Blue Harbor A short customer story next to a round person photo. ![Placeholder photo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Lumen Labs A short customer story next to a round person photo. QA 18 · Feature cards grid · heading column on the left that stays in view · two buttons ## Growing a website is hard. *OMNI makes it easier.* Disconnected templates and one-off code slow marketing teams down. OMNI gives you every section you need in HubSpot's drag-and-drop editor: On brand, fast and without a developer backlog. [Get OMNI free](https://www.omni-theme.com/?hsLang=en)[See the modules](https://www.omni-theme.com/modules#free-modules) ### Drag and drop - Build pages from sections and modules, no code. - Move, duplicate and restyle anything in the editor. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Theme settings - Set colors, fonts, buttons and spacing once. - Every module follows the brand automatically. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Modules for every need - Hero, cards, pricing, FAQ, quotes, steps and more. - Each with backgrounds, widths, anchors and animation. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Fast by default - One stylesheet, resized images, deferred scripts. - Calm animations that respect reduced motion. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Blog and content - A listing with filter chips and a readable post template. - Structured data for FAQs and comparisons. [Learn more](https://www.omni-theme.com/?hsLang=en) ### OMNI Pro - Mega menu, custom CSS per module, expanding panels. - Scrolling cards and section separators. [Learn more](https://www.omni-theme.com/?hsLang=en) Text and media split QA 19 · Text and media split · SVG at 60 % · custom SVG pattern · 800 px tiles ## Illustrations at *any size* The SVG fills 60 % of its media area, and the background repeats a 200 px SVG tile at 800 px. See the theme settings ![Logoipsum badge](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) Image and logo scroller QA 20 · Image and logo scroller · marquee · H2 heading · zoom on hover ## Trusted by *growing SaaS and B2B teams* - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) QA 21 · Image and logo scroller · marquee · label heading · dark background · lift on hover · moves right - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) QA 22 · Image and logo scroller · logo grid · 3 columns · 3 on tablets · 2 on phones · left-aligned heading with its buttons under it ## Chosen by *marketing and RevOps teams* The buttons follow the text alignment above them, not the row. [See the landing pages](https://www.omni-theme.com/landing-pages?hsLang=en)[See every page template](https://www.omni-theme.com/pages?hsLang=en) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) QA 23 · Image and logo scroller · image carousel · heading, lead and button beside the row (left or right) ## Discover why 300,000+ teams *build with OMNI* Customer stories as an image carousel with the text column at the left. [Meet our customers](https://www.omni-theme.com/?hsLang=en) - ![Placeholder image](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) Lamna Healthcare doubles qualified demo requests - ![Placeholder image](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) Fourth Coffee turns its website into a pipeline engine - ![Placeholder image](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) XYZ Corporation grows revenue from existing customers - ![Placeholder image](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) Acme Industries aligns marketing and sales on one growth plan - ![Placeholder image](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) Umbrella Corporation launches a new website in six weeks QA 24 · Image and logo scroller · marquee · text beside the row, LEFT (choose left or right) · larger label · eyebrow, title and lead ### Trusted by 306,000+ customers worldwide Teams on four continents build their sites on OMNI. - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) Statistics row QA 25 · Statistics row · whole numbers · thousands separator (Styles → Layout: comma, space, period or none) · decimal mark (own choice) · six statistics incl. Lighthouse scores ## Numbers that *add up* - 18 flexible modules A whole number renders without decimals. - 1,250+ pages published Thousands get the separator from Styles → Layout. - 4.8 average rating One decimal, kept in the count-up. - 99.95% uptime Two decimals with a suffix. - 98% mobile performance in Lighthouse Measured on the OMNI home page. - 100% desktop performance in Lighthouse Six statistics wrap onto two rows. Testimonial quotes QA 26 · Testimonial quotes · split layout · File Manager photo resized (480/800/1200) ## A customer *in his own words* ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) > “ > > We rebuilt our website on OMNI in three weeks. Marketing now publishes a landing page in an afternoon, and every page loads faster than our old custom build. > > > > Mia Purrington Marketing Operations Manager, Lamna Healthcare QA 27 · Testimonial quotes · default content > “ > > We rebuilt our marketing site on OMNI in two weeks. Now the team launches landing pages on its own instead of waiting for developers. > > > > Oscar Marmaduke Chief Executive Officer, Cyberdyne Systems QA 28 · Testimonial quotes · default content > “ > > The growth plan gave marketing and sales one set of numbers. We finally know which activities create pipeline. > > > > Finn Gingersen Growth Lead, Trey Research > “ > > We launched the new website in six weeks, and qualified demo requests doubled the quarter after. > > > > Lukas Lykke Managing Director, XYZ Corporation > > > > [Read the customer story](https://www.omni-theme.com/?hsLang=en) > “ > > A clear onboarding program turned first-year customers into our strongest references. > > > > Pia Lykkesen Digital Marketing Manager, Acme Industries QA 29 · Testimonial quotes · default content - > “ > > The growth plan gave marketing and sales one set of numbers. We finally know which activities create pipeline. > > > > Tilde Tabbington Head of Communications, Wide World Importers - > “ > > We launched the new website in six weeks, and qualified demo requests doubled the quarter after. > > > > Hanna Whiskersen Web Editor, Contoso > > > > [Read the customer story](https://www.omni-theme.com/?hsLang=en) - > “ > > A clear onboarding program turned first-year customers into our strongest references. > > > > Kalle Tuxen HubSpot Admin, Acme Industries Questions and answers accordion QA 30 · Questions and answers accordion · FAQ with structured data ## Frequently asked *questions* How long does it take to launch a site with OMNI? Most teams publish their first pages within days. Set colors, fonts and buttons once in the theme settings, then build pages from ready-made sections. Can marketing edit pages without a developer? Yes. Every section is drag and drop, and every module has settings for content, layout and style. Does OMNI add structured data for search engines? Yes. The questions and answers module adds FAQPage data, and the comparison table can add WebPage and ItemList data. Which HubSpot subscription do I need? OMNI works on every Content Hub edition. Some HubSpot features, such as smart content, need a higher edition. Pricing plans QA 31 · Pricing plans · default content ## Simple plans that *grow with you* Example plans. Replace the names, prices and features with your own. Monthly Yearly Save 20% - ### Starter For small teams getting started. € 15 / month, billed yearly Choose plan What’s included - Up to 3 users - Core dashboards - E-mail support - API access (Not included) - Most popular ### Growth For teams scaling their pipeline. € 31 / month, billed yearly Choose plan Everything in Starter, plus - Up to 15 users - Advanced reporting - Priority support - API access - ### Enterprise For organisations with advanced needs. Custom Tailored to your organisation Talk to sales Everything in Growth, plus - Unlimited users - Single sign-on (SSO) - Dedicated success manager - Uptime SLA Example prices. Taxes and terms go here. Comparison table QA 32 · Comparison table · default content ## Find the plan that *fits* | Features | Starter €15 / month Choose Starter | Recommended Growth €31 / month Choose Growth | Enterprise Custom pricing Talk to sales | | --- | --- | --- | --- | | Core features | | | | | Users | 3 | 15 | Unlimited | | Dashboards and reports | Basic | Advanced | Custom | | Integrations CRM, finance and support tools | 5 | 50 | Unlimited | | API access | Not included | Included | Included | | Security and support | | | | | E-mail support | Included | Included | Included | | Dedicated success manager | Not included | Not included | Included | | Single sign-on (SSO) SAML and OpenID Connect | Not included | Included | Included | | Uptime SLA | Not included | 99.9 % | 99.99 % | QA 33 · Comparison table · comparison page options · H2 · reviewed date ## HubSpot theme or custom build: Which is better for *your website*? Updated: September 2026 **A good HubSpot theme is the better choice for most SaaS and B2B websites.** It launches in days instead of months, costs a fraction of a custom build and lets marketing publish without a developer. **A custom build is worth it when you need features or a design no theme offers**, and the budget to maintain them. ### Side-by-side comparison | Dimension | Best for most teams HubSpot theme A well-built theme such as OMNI | Custom build Designed and coded for one website | | --- | --- | --- | | Upfront cost | Free to about €1,000, one-time | Often €15,000 or more | | Time to launch | Days to a few weeks | Typically 2–4 months | | Pages built by marketers | Included | Depends on the build | | Quality review | HubSpot's Marketplace review | Up to your agency | | Updates | New versions from the theme provider | Paid developer time | | Design freedom | Your brand within the theme's layouts | Anything you can design | | Best for | Most SaaS and B2B websites | Unique features, integrations or brand experiences | Cost and time are typical for a 10–30 page B2B website and vary by agency and scope. ### The differences explained #### Upfront cost - A theme spreads its development cost across every website that uses it, so you pay little or nothing up front. OMNI is free. - A custom build pays for design, development and testing of one website, which is why agencies quote five figures or more. #### Time to launch - With a theme, the work is the content: Pick the templates, set your colors and fonts once, and write the pages. - A custom build adds design rounds, development and testing before the first page can go live. #### Pages built by marketers - A good theme is made for HubSpot's drag-and-drop editor, so marketers add sections and pages without a developer. - A custom build can be just as flexible, but only when the brief asks for it and the developers build for it. #### Quality review - Themes in the HubSpot Template Marketplace pass HubSpot's review, including minimum Lighthouse scores for performance and accessibility. - A custom build is as fast and accessible as your agency makes it, so ask to see the test results. #### Updates - Theme providers release new versions with fixes and support for new HubSpot features. - A custom theme only changes when you pay a developer to change it. #### Design freedom - A theme lets you set colors, fonts, buttons and spacing for the whole website and combine its sections freely. - A custom build can look and work exactly as designed, which matters when the brand experience is part of the product. #### Best for - Most SaaS and B2B companies need a fast, clear website that marketing can run, and a good theme delivers that from day one. - Choose a custom build for functionality no theme offers, deep integrations or a design no theme can express, and plan for maintenance. Articles and insights grid QA 34 · Articles and insights grid · instant filter chips on a real blog ## Articles and *insights* [View all articles](https://www.omni-theme.com/insights/all?hsLang=en) All AI search HubSpot Performance Content Strategy [![Website panels floating around a screen](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/allison-saeng-7IcARfSxo2Y-unsplash.jpg?width=800&name=allison-saeng-7IcARfSxo2Y-unsplash.jpg)](https://www.omni-theme.com/insights/ready-for-ai-search?hsLang=en) [AI search](https://www.omni-theme.com/insights/tag/ai-search?hsLang=en) ### [Is your website ready for AI search? Five fixes for this week](https://www.omni-theme.com/insights/ready-for-ai-search?hsLang=en) A growing share of B2B buying journeys now starts with a question to ChatGPT, Perplexity or Google's AI Overvi… 17 September 2026 · The team behind OMNI (Spring Agency) [![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=800&name=igor-miske-Px3iBXV-4TU-unsplash.jpg)](https://www.omni-theme.com/insights/website-on-hubspot?hsLang=en) [HubSpot](https://www.omni-theme.com/insights/tag/hubspot?hsLang=en) ### [Six things you get when your website runs on HubSpot (and two you don't)](https://www.omni-theme.com/insights/website-on-hubspot?hsLang=en) The question is not which CMS is best. The question is where your customer data should live. When the form, th… 17 September 2026 · The team behind OMNI (Spring Agency) [![Floating code windows above a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/philip-oroni-XV2kGdTo9II-unsplash.jpg?width=800&name=philip-oroni-XV2kGdTo9II-unsplash.jpg)](https://www.omni-theme.com/insights/speed-is-a-feature?hsLang=en) [Performance](https://www.omni-theme.com/insights/tag/performance?hsLang=en) ### [Speed is a feature: Keeping your OMNI site fast](https://www.omni-theme.com/insights/speed-is-a-feature?hsLang=en) Slow pages lose demos before the headline loads, and Google measures the delay. But most performance problems … 17 September 2026 · The team behind OMNI (Spring Agency) [![Working on a website at a desk](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/annie-spratt-g9KFpAfQ5bc-unsplash.jpg?width=800&name=annie-spratt-g9KFpAfQ5bc-unsplash.jpg)](https://www.omni-theme.com/insights/the-content-is-the-work?hsLang=en) [Content](https://www.omni-theme.com/insights/tag/content?hsLang=en) ### [The theme is free. The content is the work.](https://www.omni-theme.com/insights/the-content-is-the-work?hsLang=en) OMNI gives you 18 modules, six call-to-action layouts and a full set of page templates. It gives you zero argu… 17 September 2026 · The team behind OMNI (Spring Agency) [![Watercolour wireframes for three screens](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/hal-gatewood-tZc3vjPCk-Q-unsplash.jpg?width=800&name=hal-gatewood-tZc3vjPCk-Q-unsplash.jpg)](https://www.omni-theme.com/insights/website-is-a-system?hsLang=en) [Strategy](https://www.omni-theme.com/insights/tag/strategy?hsLang=en) ### [Your website is not a project. It's a system.](https://www.omni-theme.com/insights/website-is-a-system?hsLang=en) Most B2B websites follow the same cycle. A big redesign, a launch, and then 35 months of slow decay while buye… 17 September 2026 · The team behind OMNI (Spring Agency) Team members grid QA 35 · Team members grid · elevated, lift, whole card links, tablet 2 ## Team *cards* - ![Alex Meowgan: A tabby and white cat in a suit, signing a letter at a desk](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/tabby-cat-at-desk.jpg?width=1500&height=2000&name=tabby-cat-at-desk.jpg) ### [Alex Meowgan](https://www.springagency.com/) Chief Executive Officer Works with customers on launch plans and [reporting](https://www.springagency.com/). - [hello@example.com](mailto:hello@example.com) - [+47 000 00 000](tel:+4700000000) - [LinkedIn](https://www.linkedin.com/) - ![Sam Ponyvera: A white pony in a beige cardigan](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/white-pony-cardigan.jpg?width=1122&height=1402&name=white-pony-cardigan.jpg) ### [Sam Ponyvera](https://www.springagency.com/) Head of Product Works with customers on launch plans and [reporting](https://www.springagency.com/). - [hello@example.com](mailto:hello@example.com) - [+47 000 00 000](tel:+4700000000) - [LinkedIn](https://www.linkedin.com/) - ![Jordan Fetch: A golden retriever in a pink cardigan](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/golden-retriever-cardigan.jpg?width=1122&height=1402&name=golden-retriever-cardigan.jpg) ### [Jordan Fetch](https://www.springagency.com/) Customer Success Lead Works with customers on launch plans and [reporting](https://www.springagency.com/). - [hello@example.com](mailto:hello@example.com) - [+47 000 00 000](tel:+4700000000) - [LinkedIn](https://www.linkedin.com/) Process steps timeline QA 36 · Process steps timeline · horizontal · numbers ## From first call to *signed agreement* 1. 01 Day 1 ### Install OMNI Add the free theme to your HubSpot account from the Template Marketplace. 2. 02 Day 1 ### Set your brand Choose colors, fonts and buttons once in the theme settings. 3. 03 Week 1 ### Build your pages Start from templates and sections, then drag in the modules you need. 4. 04 Week 2 ### Launch and grow Publish, measure in HubSpot and keep improving – without code. QA 37 · Process steps timeline · vertical · alternate · icons · cards · dark inset · text centred on the markers ## Onboarding in *four weeks* 1. Day 1 ### Install OMNI Add the free theme to your HubSpot account from the Template Marketplace. 2. Day 1 ### Set your brand Choose colors, fonts and buttons once in the theme settings. 3. Week 1 ### Build your pages Start from templates and sections, then drag in the modules you need. 4. Week 2 ### Launch and grow Publish, measure in HubSpot and keep improving – without code. QA 38 · Process steps timeline · six steps · three per row · check marks · centered · dashed ## The growth *lifecycle* 1. ### Find the constraint Map where growth stalls today: Market, sales or existing customers. 2. ### Choose the bets Pick the few initiatives that move the pipeline and drop the busywork. 3. ### Design and build Create the website, offers and campaigns behind each bet. 4. ### Launch Go live, brief sales and measure from day one. 5. ### Scale what works Put budget behind the winners and stop what does not perform. 6. ### Automate Turn proven routines into workflows that run on their own. Link rows and guide QA 39 · Link rows and guide · two columns · numbers ## Explore *our services* - [01 Growth strategy Find the real constraint and the plan to remove it.](https://www.omni-theme.com/?hsLang=en) - [02 Brand and positioning A clear story about who you serve and why you win. New](https://www.omni-theme.com/?hsLang=en) - [03 Websites on HubSpot Fast sites that marketing can improve every week.](https://www.omni-theme.com/?hsLang=en) - [04 Performance marketing Campaigns that turn budget into qualified pipeline.](https://www.omni-theme.com/?hsLang=en) - [05 Content and social Stories and formats that help buyers decide.](https://www.omni-theme.com/?hsLang=en) - [06 Analytics and RevOps One view of the funnel, from first visit to renewal.](https://www.omni-theme.com/?hsLang=en) QA 40 · Link rows and guide · guide · heading beside · cards ## Which *growth plan* fits you? Match your situation with the right starting point. If you… We recommend We are just getting started A small team that needs its first steady flow of leads. [Growth starter](https://www.omni-theme.com/?hsLang=en) We need a predictable pipeline Marketing and sales want one plan and shared numbers. [Growth plan](https://www.omni-theme.com/?hsLang=en) We want our systems to talk CRM, finance and product data should flow automatically. [RevOps and integrations](https://www.omni-theme.com/?hsLang=en) We want help to get going Specialists set things up and train the team. [Onboarding and training](https://www.omni-theme.com/?hsLang=en) Content switcher with tabs QA 41 · Content switcher with tabs · default content ## One theme, *for what you sell* Whether you sell a product or a service, OMNI has the pages and building blocks your buyers expect. For products For services For products ### Turn visitors into *sign-ups and demos* Product pages, pricing with monthly and yearly plans, comparison tables and customer proof – built to move people from first visit to sign-up. See product pages - #### Launch faster Ship a complete marketing site in days with ready-made templates and sections. - #### Pricing that converts Plans, a billing switch and comparison tables answer the questions buyers ask. - #### Grow with HubSpot Forms, CTAs and CRM data work together from the very first visit. For services ### Win *longer buying journeys* Show your expertise, guide buyers to the right solution and give sales pages they are proud to share. See service pages - #### Guide every buyer Need-and-solution guides and link rows send each visitor to the right page. - #### Prove your value Case studies, logos, testimonials and numbers exactly where decisions are made. - #### Support your sales team Contact forms, team pages and articles that keep conversations moving. Site search (temporary) QA 42 · Site search (temporary) ## Search the site Type to see suggestions and press Enter for the search results page. With `?term=omni` in the address, the results for «omni» show below. Color modes · every module with Styles → Background → Color mode set to Dark (the separator too) QA 43 · Feature cards grid · Dark color mode · no background set (the section paints the dark page background) · elevated cards on the dark card surface · light buttons ## Growing a website is hard. *OMNI makes it easier.* Disconnected templates and one-off code slow marketing teams down. OMNI gives you every section you need in HubSpot's drag-and-drop editor: On brand, fast and without a developer backlog. [Get OMNI free](https://www.omni-theme.com/?hsLang=en)[See the modules](https://www.omni-theme.com/modules#free-modules) ### Drag and drop - Build pages from sections and modules, no code. - Move, duplicate and restyle anything in the editor. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Theme settings - Set colors, fonts, buttons and spacing once. - Every module follows the brand automatically. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Modules for every need - Hero, cards, pricing, FAQ, quotes, steps and more. - Each with backgrounds, widths, anchors and animation. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Fast by default - One stylesheet, resized images, deferred scripts. - Calm animations that respect reduced motion. [Learn more](https://www.omni-theme.com/?hsLang=en) ### Blog and content - A listing with filter chips and a readable post template. - Structured data for FAQs and comparisons. [Learn more](https://www.omni-theme.com/?hsLang=en) ### OMNI Pro - Mega menu, custom CSS per module, expanding panels. - Scrolling cards and section separators. [Learn more](https://www.omni-theme.com/?hsLang=en) QA 44 · Feature cards grid · Dark color mode · tinted cards and icon chips on the dark tints ## Round *photos* ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ### Cyberdyne Systems A short customer story next to a round person photo. ![Placeholder photo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Blue Harbor A short customer story next to a round person photo. ![Placeholder photo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Lumen Labs A short customer story next to a round person photo. QA 45 · Questions and answers accordion · Dark color mode · dividers, question hover and icons follow the dark palette ## Frequently asked *questions* How long does it take to launch a site with OMNI? Most teams publish their first pages within days. Set colors, fonts and buttons once in the theme settings, then build pages from ready-made sections. Can marketing edit pages without a developer? Yes. Every section is drag and drop, and every module has settings for content, layout and style. Does OMNI add structured data for search engines? Yes. The questions and answers module adds FAQPage data, and the comparison table can add WebPage and ItemList data. Which HubSpot subscription do I need? OMNI works on every Content Hub edition. Some HubSpot features, such as smart content, need a higher edition. QA 46 · Pricing plans · Dark color mode · cards, switch track, check marks and notes ## Simple plans that *grow with you* Example plans. Replace the names, prices and features with your own. Monthly Yearly Save 20% - ### Starter For small teams getting started. € 15 / month, billed yearly Choose plan What’s included - Up to 3 users - Core dashboards - E-mail support - API access (Not included) - Most popular ### Growth For teams scaling their pipeline. € 31 / month, billed yearly Choose plan Everything in Starter, plus - Up to 15 users - Advanced reporting - Priority support - API access - ### Enterprise For organisations with advanced needs. Custom Tailored to your organisation Talk to sales Everything in Growth, plus - Unlimited users - Single sign-on (SSO) - Dedicated success manager - Uptime SLA Example prices. Taxes and terms go here. QA 47 · Comparison table · Dark color mode · regular body-color values · accent values in the highlighted column · dark badge text · table surface, zebra rows, group rows and lines ## HubSpot theme or custom build: Which is better for *your website*? Updated: September 2026 **A good HubSpot theme is the better choice for most SaaS and B2B websites.** It launches in days instead of months, costs a fraction of a custom build and lets marketing publish without a developer. **A custom build is worth it when you need features or a design no theme offers**, and the budget to maintain them. ### Side-by-side comparison | Dimension | Best for most teams HubSpot theme A well-built theme such as OMNI | Custom build Designed and coded for one website | | --- | --- | --- | | Upfront cost | Free to about €1,000, one-time | Often €15,000 or more | | Time to launch | Days to a few weeks | Typically 2–4 months | | Pages built by marketers | Included | Depends on the build | | Quality review | HubSpot's Marketplace review | Up to your agency | | Updates | New versions from the theme provider | Paid developer time | | Design freedom | Your brand within the theme's layouts | Anything you can design | | Best for | Most SaaS and B2B websites | Unique features, integrations or brand experiences | Cost and time are typical for a 10–30 page B2B website and vary by agency and scope. ### The differences explained #### Upfront cost - A theme spreads its development cost across every website that uses it, so you pay little or nothing up front. OMNI is free. - A custom build pays for design, development and testing of one website, which is why agencies quote five figures or more. #### Time to launch - With a theme, the work is the content: Pick the templates, set your colors and fonts once, and write the pages. - A custom build adds design rounds, development and testing before the first page can go live. #### Pages built by marketers - A good theme is made for HubSpot's drag-and-drop editor, so marketers add sections and pages without a developer. - A custom build can be just as flexible, but only when the brief asks for it and the developers build for it. #### Quality review - Themes in the HubSpot Template Marketplace pass HubSpot's review, including minimum Lighthouse scores for performance and accessibility. - A custom build is as fast and accessible as your agency makes it, so ask to see the test results. #### Updates - Theme providers release new versions with fixes and support for new HubSpot features. - A custom theme only changes when you pay a developer to change it. #### Design freedom - A theme lets you set colors, fonts, buttons and spacing for the whole website and combine its sections freely. - A custom build can look and work exactly as designed, which matters when the brand experience is part of the product. #### Best for - Most SaaS and B2B companies need a fast, clear website that marketing can run, and a good theme delivers that from day one. - Choose a custom build for functionality no theme offers, deep integrations or a design no theme can express, and plan for maintenance. QA 48 · Articles and insights grid · Dark color mode · filter chips, cards, dates and tags ## Articles and *insights* [View all articles](https://www.omni-theme.com/insights/all?hsLang=en) All AI search HubSpot Performance Content Strategy [![Website panels floating around a screen](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/allison-saeng-7IcARfSxo2Y-unsplash.jpg?width=800&name=allison-saeng-7IcARfSxo2Y-unsplash.jpg)](https://www.omni-theme.com/insights/ready-for-ai-search?hsLang=en) [AI search](https://www.omni-theme.com/insights/tag/ai-search?hsLang=en) ### [Is your website ready for AI search? Five fixes for this week](https://www.omni-theme.com/insights/ready-for-ai-search?hsLang=en) A growing share of B2B buying journeys now starts with a question to ChatGPT, Perplexity or Google's AI Overvi… 17 September 2026 · The team behind OMNI (Spring Agency) [![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=800&name=igor-miske-Px3iBXV-4TU-unsplash.jpg)](https://www.omni-theme.com/insights/website-on-hubspot?hsLang=en) [HubSpot](https://www.omni-theme.com/insights/tag/hubspot?hsLang=en) ### [Six things you get when your website runs on HubSpot (and two you don't)](https://www.omni-theme.com/insights/website-on-hubspot?hsLang=en) The question is not which CMS is best. The question is where your customer data should live. When the form, th… 17 September 2026 · The team behind OMNI (Spring Agency) [![Floating code windows above a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/philip-oroni-XV2kGdTo9II-unsplash.jpg?width=800&name=philip-oroni-XV2kGdTo9II-unsplash.jpg)](https://www.omni-theme.com/insights/speed-is-a-feature?hsLang=en) [Performance](https://www.omni-theme.com/insights/tag/performance?hsLang=en) ### [Speed is a feature: Keeping your OMNI site fast](https://www.omni-theme.com/insights/speed-is-a-feature?hsLang=en) Slow pages lose demos before the headline loads, and Google measures the delay. But most performance problems … 17 September 2026 · The team behind OMNI (Spring Agency) [![Working on a website at a desk](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/annie-spratt-g9KFpAfQ5bc-unsplash.jpg?width=800&name=annie-spratt-g9KFpAfQ5bc-unsplash.jpg)](https://www.omni-theme.com/insights/the-content-is-the-work?hsLang=en) [Content](https://www.omni-theme.com/insights/tag/content?hsLang=en) ### [The theme is free. The content is the work.](https://www.omni-theme.com/insights/the-content-is-the-work?hsLang=en) OMNI gives you 18 modules, six call-to-action layouts and a full set of page templates. It gives you zero argu… 17 September 2026 · The team behind OMNI (Spring Agency) [![Watercolour wireframes for three screens](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/hal-gatewood-tZc3vjPCk-Q-unsplash.jpg?width=800&name=hal-gatewood-tZc3vjPCk-Q-unsplash.jpg)](https://www.omni-theme.com/insights/website-is-a-system?hsLang=en) [Strategy](https://www.omni-theme.com/insights/tag/strategy?hsLang=en) ### [Your website is not a project. It's a system.](https://www.omni-theme.com/insights/website-is-a-system?hsLang=en) Most B2B websites follow the same cycle. A big redesign, a launch, and then 35 months of slow decay while buye… 17 September 2026 · The team behind OMNI (Spring Agency) QA 49 · Team members grid · Dark color mode · elevated cards keep light text on the dark surface ## Team *cards* - ![Alex Meowgan: A tabby and white cat in a suit, signing a letter at a desk](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/tabby-cat-at-desk.jpg?width=1500&height=2000&name=tabby-cat-at-desk.jpg) ### [Alex Meowgan](https://www.springagency.com/) Chief Executive Officer Works with customers on launch plans and [reporting](https://www.springagency.com/). - [hello@example.com](mailto:hello@example.com) - [+47 000 00 000](tel:+4700000000) - [LinkedIn](https://www.linkedin.com/) - ![Sam Ponyvera: A white pony in a beige cardigan](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/white-pony-cardigan.jpg?width=1122&height=1402&name=white-pony-cardigan.jpg) ### [Sam Ponyvera](https://www.springagency.com/) Head of Product Works with customers on launch plans and [reporting](https://www.springagency.com/). - [hello@example.com](mailto:hello@example.com) - [+47 000 00 000](tel:+4700000000) - [LinkedIn](https://www.linkedin.com/) - ![Jordan Fetch: A golden retriever in a pink cardigan](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/golden-retriever-cardigan.jpg?width=1122&height=1402&name=golden-retriever-cardigan.jpg) ### [Jordan Fetch](https://www.springagency.com/) Customer Success Lead Works with customers on launch plans and [reporting](https://www.springagency.com/). - [hello@example.com](mailto:hello@example.com) - [+47 000 00 000](tel:+4700000000) - [LinkedIn](https://www.linkedin.com/) QA 50 · Process steps timeline · Dark color mode · markers, line and step text ## From first call to *signed agreement* 1. 01 Day 1 ### Install OMNI Add the free theme to your HubSpot account from the Template Marketplace. 2. 02 Day 1 ### Set your brand Choose colors, fonts and buttons once in the theme settings. 3. 03 Week 1 ### Build your pages Start from templates and sections, then drag in the modules you need. 4. 04 Week 2 ### Launch and grow Publish, measure in HubSpot and keep improving – without code. QA 51 · Link rows and guide · Dark color mode · Background color left at the theme Surface color turns into the dark card surface ## Which *growth plan* fits you? Match your situation with the right starting point. If you… We recommend We are just getting started A small team that needs its first steady flow of leads. [Growth starter](https://www.omni-theme.com/?hsLang=en) We need a predictable pipeline Marketing and sales want one plan and shared numbers. [Growth plan](https://www.omni-theme.com/?hsLang=en) We want our systems to talk CRM, finance and product data should flow automatically. [RevOps and integrations](https://www.omni-theme.com/?hsLang=en) We want help to get going Specialists set things up and train the team. [Onboarding and training](https://www.omni-theme.com/?hsLang=en) QA 52 · Content switcher with tabs · Dark color mode · switcher track, active tab and cards · Background color at the theme Surface color ## One theme, *for what you sell* Whether you sell a product or a service, OMNI has the pages and building blocks your buyers expect. For products For services For products ### Turn visitors into *sign-ups and demos* Product pages, pricing with monthly and yearly plans, comparison tables and customer proof – built to move people from first visit to sign-up. See product pages - #### Launch faster Ship a complete marketing site in days with ready-made templates and sections. - #### Pricing that converts Plans, a billing switch and comparison tables answer the questions buyers ask. - #### Grow with HubSpot Forms, CTAs and CRM data work together from the very first visit. For services ### Win *longer buying journeys* Show your expertise, guide buyers to the right solution and give sales pages they are proud to share. See service pages - #### Guide every buyer Need-and-solution guides and link rows send each visitor to the right page. - #### Prove your value Case studies, logos, testimonials and numbers exactly where decisions are made. - #### Support your sales team Contact forms, team pages and articles that keep conversations moving. QA 53 · Testimonial quotes · Dark color mode · carousel arrows and dots - > “ > > The growth plan gave marketing and sales one set of numbers. We finally know which activities create pipeline. > > > > Pippa Spotsworth Product Marketing Manager, Northwind Analytics - > “ > > We launched the new website in six weeks, and qualified demo requests doubled the quarter after. > > > > Milo Canterbury Demand Generation Lead, Cyberdyne Systems > > > > [Read the customer story](https://www.omni-theme.com/?hsLang=en) - > “ > > A clear onboarding program turned first-year customers into our strongest references. > > > > Fumle Hopkins Designer, Umbrella Corporation QA 54 · Text and media split · Dark color mode · File Manager photo · custom SVG pattern hidden on dark ## Illustrations at *any size* A dark section with a photo from the File Manager. The custom SVG pattern from the light version is off here, because a dark pattern color disappears on a dark background. See the theme settings ![A product page open on a laptop](https://www.omni-theme.com/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg) QA 55 · Image and logo scroller · Dark color mode · logos stay white ## Chosen by *marketing and RevOps teams* - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) Pro modules · only in OMNI Pro [Back to the top](https://www.omni-theme.com/modules#main-content) Expanding panels QA 56 · Expanding panels · hover opens, click plays a video, third panel links · panel row 120 px wider than the content on each side ## One theme, *every page* Move the pointer over a panel. The preview shows a page from the demo site; the first two open a video in a lightbox, the third links to the home page. ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1600&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) Build every page with drag and drop, no code. ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1600&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) ![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=800&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) Set colors, fonts and buttons once, in theme settings. ![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=1600&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) ![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) Fast by default: One stylesheet, resized images, calm motion. QA 57 · Expanding panels · four panels · inset dark panel · panel 2 open at start · previews centered and right · swipe on phones ## Panel two *stays open* ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1600&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) ![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) Plan every page as sections. ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1600&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=1200&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) Keep the whole site on brand from theme settings. ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1600&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) ![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) Launch landing pages without waiting for a developer. ![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=1600&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) ![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) Measure real page speed, not promises. QA 58 · Expanding panels · two panels · 80 % width · H3 captions · no previews · animations off ## Two audiences, *no motion* The panels still open on hover, but without the transition, and there is no floating preview. ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1600&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) ### For marketers ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1600&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ### For developers Scrolling cards QA 59 · A separator above the cards · icon chip, dotted line, button [See all modules](https://www.omni-theme.com/?hsLang=en) ## QA 60 · Scrolling cards · four cards, autoplay, arrows, soft gradient, separator above Every OMNI module is a finished section. Click a side card, use the arrows, swipe on a phone or wait for the autoplay; the pause button stops it. ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=800&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ### Hero banner Five heights, split or centered layouts, any background and a heading that reveals line by line. [Learn more](https://www.omni-theme.com/?hsLang=en) ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=800&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) ### CTA Band Six layouts from text and buttons to text and form, on a gradient, an image or a video. [Learn more](https://www.omni-theme.com/?hsLang=en) ![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=800&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) ### Feature cards grid Icons, images or numbers in two to four columns, with whole-card links and a sticky heading column. [Learn more](https://www.omni-theme.com/?hsLang=en) ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=800&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) ### Pricing plans Monthly and yearly prices with a switch, a highlighted plan and feature lists. [Learn more](https://www.omni-theme.com/?hsLang=en) ## QA 61 · Scrolling cards · Dark color mode · elevated cards on the dark surface · side cards tinted · autoplay Every OMNI module is a finished section. Click a side card, use the arrows, swipe on a phone or wait for the autoplay; the pause button stops it. ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=800&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ### Hero banner Five heights, split or centered layouts, any background and a heading that reveals line by line. [Learn more](https://www.omni-theme.com/?hsLang=en) ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=800&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) ### CTA Band Six layouts from text and buttons to text and form, on a gradient, an image or a video. [Learn more](https://www.omni-theme.com/?hsLang=en) ![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=800&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) ### Feature cards grid Icons, images or numbers in two to four columns, with whole-card links and a sticky heading column. [Learn more](https://www.omni-theme.com/?hsLang=en) ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=800&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) ### Pricing plans Monthly and yearly prices with a switch, a highlighted plan and feature lists. [Learn more](https://www.omni-theme.com/?hsLang=en) ## QA 62 · Scrolling cards · three cards · centered · no autoplay · loop off: starts at the first card, stops at the last, arrows grey out at the ends · floating screenshots on tinted cards · dark *inset panel* Three content modules loop without end: The card that leaves one side comes back on the other. ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=800&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) ### Blog listing Filter chips that switch topics instantly and cards that pull the featured image, date and reading time. ![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=800&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) ### Comparison table Yes, no or text values per row, a reviewed date and structured data search engines can read. ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=800&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) ### Questions and answers An accordion that opens smoothly and adds FAQ structured data by default. Section separator ![Logoipsum](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) QA 63 · Section separator · swapped sides · image at the start · primary button [See the theme](https://www.omni-theme.com/?hsLang=en) QA 64 · Section separator · label only · dashed 3 px line · text link [Read the guide](https://www.omni-theme.com/?hsLang=en) QA 65 · Section separator · no line · together in the middle · round chip · HubSpot CTA fallback to none QA 66 · Section separator · Dark color mode · chip, line and text link on the dark page background [Read the guide](https://www.omni-theme.com/?hsLang=en) Image wall QA 67 · Image wall · grid · 4 columns · 2×2, 1×2 and 2×1 tiles · dark and light cards · hover text · links ## The people *behind the pages* Photos and design cards in one dense grid. Every tile picks its size, smaller tiles fill the holes, and linked tiles lift on hover. [![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) Drag and dropBuild pages togetherSections and modules, moved with the mouse.](https://www.omni-theme.com/?hsLang=en) [![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg)](https://www.omni-theme.com/?hsLang=en) [OMNIBuilt for HubSpot CMS21 modules, one theme setting panel.](https://www.omni-theme.com/?hsLang=en) [![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=1200&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) Theme settingsPlan every page as sections](https://www.omni-theme.com/?hsLang=en) [![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg)](https://www.omni-theme.com/?hsLang=en) [O Theme settingsColors, fonts and buttons onceEvery module follows the brand.](https://www.omni-theme.com/?hsLang=en) [![Explaining an idea beside an open laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/headway-5QgIuuBxKwM-unsplash.jpg?width=1200&name=headway-5QgIuuBxKwM-unsplash.jpg)](https://www.omni-theme.com/?hsLang=en) [![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) PerformanceFast by default](https://www.omni-theme.com/?hsLang=en) [![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=1200&name=campaign-creators-gMsnXqILjp4-unsplash.jpg)](https://www.omni-theme.com/?hsLang=en) ![Explaining an idea beside an open laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/headway-5QgIuuBxKwM-unsplash.jpg?width=1200&name=headway-5QgIuuBxKwM-unsplash.jpg) QA 68 · Image wall · collage · four columns · a wide tile pushes the next column down · offsets · dark inset panel ## An *editorial* collage Every tile picks its column, height and space above. The wide tile in column three pushes column four down automatically. [![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) 01Launch in weeks, not months](https://www.omni-theme.com/?hsLang=en) [OMNI ProMega menu, custom CSS, image wallEverything in OMNI, plus the high-end modules.](https://www.omni-theme.com/?hsLang=en) [![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=1200&name=campaign-creators-gMsnXqILjp4-unsplash.jpg)](https://www.omni-theme.com/?hsLang=en) [![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) 02Fast by default](https://www.omni-theme.com/?hsLang=en) [![Explaining an idea beside an open laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/headway-5QgIuuBxKwM-unsplash.jpg?width=1200&name=headway-5QgIuuBxKwM-unsplash.jpg) 03One theme, every page](https://www.omni-theme.com/?hsLang=en) [O Theme settingsColors, fonts and buttons once](https://www.omni-theme.com/?hsLang=en) [![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg)](https://www.omni-theme.com/?hsLang=en) QA 69 · Image wall · grid · 3 columns · brand tint on a photo · card with a photo behind it · no heading buttons · animations off ## Three *columns* ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) TeamThe people behind the pages [![](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=800&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) CareersJoin the teamOpen roles in Oslo and Bergen.](https://www.omni-theme.com/?hsLang=en) ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) ![Explaining an idea beside an open laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/headway-5QgIuuBxKwM-unsplash.jpg?width=1200&name=headway-5QgIuuBxKwM-unsplash.jpg) ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) CultureWorkshops every Friday ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) Parallax people cards QA 70 · Parallax people cards · six people · smooth scroll card by card · loops round · a gentle lean, each figure at its own pace · rise and sink in the frame · pointer parallax ## Meet the people *behind OMNI* Scroll with a trackpad, swipe, drag with the mouse or use the arrows (one card per click): The row glides and settles on a card. The persons lean gently into the motion, each at its own pace, and settle when the row stops; they rise out of their frames as they come in and sink as they leave, while the backgrounds slide the other way. Move the pointer over a card for the layered parallax. - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/rings.svg) ![Erik Pawlund: A black cat in a cardigan and a denim shirt](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/black-cat-cardigan-cutout.png?width=899&name=black-cat-cardigan-cutout.png) Head of Design ### Erik Pawlund Turns rough ideas into pages that marketing can build on their own. [Read more](https://www.omni-theme.com/?hsLang=en) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/polygon-grid.svg) ![Jonas Neighberg: A dark pony with a long fringe in a rust jumper](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/dark-pony-red-sweater-cutout.png?width=899&name=dark-pony-red-sweater-cutout.png) Front-end developer ### Jonas Neighberg Keeps every module fast, accessible and easy to edit. [Read more](https://www.omni-theme.com/?hsLang=en) - ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ![Mats Howlm: A golden retriever in a plum blazer](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/golden-retriever-plum-blazer-cutout.png?width=899&name=golden-retriever-plum-blazer-cutout.png) Customer success ### Mats Howlm Helps teams launch their first OMNI site in days, not months. [Read more](https://www.omni-theme.com/?hsLang=en) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/rings.svg) ![Mats Meowberg: A black cat in a suit and a burgundy tie](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/black-cat-suit-tie-cutout.png?width=899&name=black-cat-suit-tie-cutout.png) Founder ### Mats Meowberg Started OMNI after one too many custom builds nobody could edit. [Read more](https://www.omni-theme.com/?hsLang=en) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/polygon-grid.svg) ![Erik Sandpaw: A ginger cat in a knitted polo](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/ginger-cat-polo-cutout.png?width=899&name=ginger-cat-polo-cutout.png) Founder ### Erik Sandpaw Owns the roadmap and still answers support on Fridays. [Read more](https://www.omni-theme.com/?hsLang=en) - ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ![Anna Whiskvik: A tabby and white cat in a silk scarf](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/tabby-cat-silk-scarf-cutout.png?width=899&name=tabby-cat-silk-scarf-cutout.png) Content lead ### Anna Whiskvik Writes the words that make the demo site feel real. [Read more](https://www.omni-theme.com/?hsLang=en) QA 71 · Parallax people cards · dark background · stronger parallax · deeper window · whole cards clickable ## The same effect on a *dark band* - ### [![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/rings.svg) ![Erik Pawlund: A black cat in a cardigan and a denim shirt](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/black-cat-cardigan-cutout.png?width=899&name=black-cat-cardigan-cutout.png) Head of Design Erik Pawlund Turns rough ideas into pages that marketing can build on their own. Read more](https://www.omni-theme.com/?hsLang=en) - ### [![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/polygon-grid.svg) ![Jonas Neighberg: A dark pony with a long fringe in a rust jumper](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/dark-pony-red-sweater-cutout.png?width=899&name=dark-pony-red-sweater-cutout.png) Front-end developer Jonas Neighberg Keeps every module fast, accessible and easy to edit. Read more](https://www.omni-theme.com/?hsLang=en) - ### [![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ![Mats Howlm: A golden retriever in a plum blazer](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/golden-retriever-plum-blazer-cutout.png?width=899&name=golden-retriever-plum-blazer-cutout.png) Customer success Mats Howlm Helps teams launch their first OMNI site in days, not months. Read more](https://www.omni-theme.com/?hsLang=en) - ### [![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/rings.svg) ![Mats Meowberg: A black cat in a suit and a burgundy tie](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/black-cat-suit-tie-cutout.png?width=899&name=black-cat-suit-tie-cutout.png) Founder Mats Meowberg Started OMNI after one too many custom builds nobody could edit. Read more](https://www.omni-theme.com/?hsLang=en) - ### [![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/polygon-grid.svg) ![Erik Sandpaw: A ginger cat in a knitted polo](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/ginger-cat-polo-cutout.png?width=899&name=ginger-cat-polo-cutout.png) Founder Erik Sandpaw Owns the roadmap and still answers support on Fridays. Read more](https://www.omni-theme.com/?hsLang=en) - ### [![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) ![Anna Whiskvik: A tabby and white cat in a silk scarf](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/cutouts/tabby-cat-silk-scarf-cutout.png?width=899&name=tabby-cat-silk-scarf-cutout.png) Content lead Anna Whiskvik Writes the words that make the demo site feel real. Read more](https://www.omni-theme.com/?hsLang=en) Customer reviews QA 72 · Customer reviews · carousel · arrows in the heading row · Google summary card · logo and stars cards · portraits ## What our customers *say* - ![Review platform](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) Google 4.8/5 [Based on 128 reviews](https://www.omni-theme.com/?hsLang=en) - > ![Proseware](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) > > We rebuilt our site on OMNI in three weeks. The team publishes new pages on their own now, and everything *looks like one brand*. > > > > ![Nora Lynx: A tuxedo cat in a green blazer](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/tuxedo-cat-green-blazer.jpg?width=56&height=56&name=tuxedo-cat-green-blazer.jpg) > > Nora Lynx [Head of Marketing, Proseware](https://www.omni-theme.com/?hsLang=en) - > ![Contoso](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) > > Landing pages that used to take a sprint now take an afternoon. The theme settings keep every page *on brand*. > > > > ![Amara Clawford: A calico cat in a cardigan and a striped top](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/calico-cat-striped-top.jpg?width=56&height=56&name=calico-cat-striped-top.jpg) > > Amara Clawford Marketing Manager, Contoso - > ![Northwind Analytics](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) > > The blog, the pricing page and the FAQ came ready to fill in. Our developer backlog for the website is *empty*. > > > > ![Daniel Barkhart: A corgi in a camel zip sweater](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/corgi-zip-sweater.jpg?width=56&height=56&name=corgi-zip-sweater.jpg) > > Daniel Barkhart Head of Digital, Northwind Analytics - > ![Fabrikam](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) > > Page speed went from red to green without touching code. Images and fonts are handled *by the theme*. > > > > ![Ingrid Stallberg: A white horse in a tweed blazer and a silk blouse](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/white-horse-tweed-blazer.jpg?width=56&height=56&name=white-horse-tweed-blazer.jpg) > > Ingrid Stallberg Chief Marketing Officer, Fabrikam - > ![Adventure Works](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) > > Our agency handed over the site and we have not needed them since. That was the *whole point*. > > > > ![Ingrid Solhoof: A spotted appaloosa horse in a green jumper and a silk scarf](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/appaloosa-silk-scarf.jpg?width=56&height=56&name=appaloosa-silk-scarf.jpg) > > Ingrid Solhoof Digital Director, Adventure Works QA 73 · Customer reviews · grid · quotation mark cards · no summary · arrows off · dark inset panel ## Quotation *mark* cards The Solver-style layout: A large mark, the quote and the name, three cards per row. - > “ > > We rebuilt our site on OMNI in three weeks. The team publishes new pages on their own now, and everything *looks like one brand*. > > > > Amira Haynes [Web Manager, Litware](https://www.omni-theme.com/?hsLang=en) - > “ > > Landing pages that used to take a sprint now take an afternoon. The theme settings keep every page *on brand*. > > > > Maria Mewsen Content Lead, Woodgrove Bank - > “ > > The blog, the pricing page and the FAQ came ready to fill in. Our developer backlog for the website is *empty*. > > > > Mats Furvall Founder, Fourth Coffee Story panels QA 74 · Story panels · stack · contained rounded panels · framed images · four stories · the covered panel shrinks and dims ## Sites that *grew with OMNI* Scroll: Every panel sticks below the header and the next slides over it, as in the Lipscore reference. 01 ### The Contoso *success story* How a five-person marketing team rebuilt the site in three weeks and doubled qualified demo requests the quarter after. [Read the story](https://www.omni-theme.com/?hsLang=en) ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) 02 ### How Northwind Analytics *cut page speed in half* Resized images, one stylesheet and deferred scripts, without touching code. Mobile PageSpeed went from 41 to 88. [Read the story](https://www.omni-theme.com/?hsLang=en) ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) 03 ### Fabrikam launches *a page a day* Product marketing owns the site now: Landing pages, pricing and the FAQ are built from OMNI sections in the editor. [Read the story](https://www.omni-theme.com/?hsLang=en) ![Explaining an idea beside an open laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/headway-5QgIuuBxKwM-unsplash.jpg?width=1200&name=headway-5QgIuuBxKwM-unsplash.jpg) 04 ### Litware grows *without an agency* The handover was the last invoice. Eighteen months later the site has 140 pages, all built in the editor. [Read the story](https://www.omni-theme.com/?hsLang=en) ![A product page open on a laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=1200&name=igor-miske-Px3iBXV-4TU-unsplash.jpg) QA 75 · Story panels · reveal · edge to edge · halves meet in the middle · image drifts · 01 ### Build your own site *with OMNI* Every section you need, styled from one settings panel, edited by drag and drop. [Read the story](https://www.omni-theme.com/?hsLang=en) ![A workshop around a conference table](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/campaign-creators-gMsnXqILjp4-unsplash.jpg?width=1200&name=campaign-creators-gMsnXqILjp4-unsplash.jpg) 02 ### World class *speed by default* One stylesheet, resized images, calm motion that respects reduced motion. [Read the story](https://www.omni-theme.com/?hsLang=en) ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) 03 ### A blog that *fills itself* Filter chips, reading time and structured data come with the template. [Read the story](https://www.omni-theme.com/?hsLang=en) ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) QA 76 · Story panels · fade · contained · wider text · no effect on phones ## The *fade* effect 01 ### The Proseware *success story* How a five-person marketing team rebuilt the site in three weeks and doubled qualified demo requests the quarter after. [Read the story](https://www.omni-theme.com/?hsLang=en) ![Four colleagues planning at a whiteboard](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/austin-distel-wD1LRb9OeEo-unsplash.jpg?width=1200&name=austin-distel-wD1LRb9OeEo-unsplash.jpg) 02 ### How Adventure Works *cut page speed in half* Resized images, one stylesheet and deferred scripts, without touching code. Mobile PageSpeed went from 41 to 88. [Read the story](https://www.omni-theme.com/?hsLang=en) ![A website hero on a laptop beside a mug](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/carriza-maiquez-IiHHmOcnnSA-unsplash.jpg?width=1200&name=carriza-maiquez-IiHHmOcnnSA-unsplash.jpg) 03 ### Relecloud launches *a page a day* Product marketing owns the site now: Landing pages, pricing and the FAQ are built from OMNI sections in the editor. [Read the story](https://www.omni-theme.com/?hsLang=en) ![Explaining an idea beside an open laptop](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/headway-5QgIuuBxKwM-unsplash.jpg?width=1200&name=headway-5QgIuuBxKwM-unsplash.jpg) Advanced pricing QA 77 · Advanced pricing · three currency pills switch every price · three product tabs with icons · badge across the top edge · plus markers · custom price · bundle card on the third tab · two-tone band ## OMNI *pricing* One theme for every site you build. **OMNI Free** for a single site, **OMNI Pro** for the high-end modules, or both as a bundle for agencies. Switch the currency and the product. Norway · NOK Europe · EUR US · USD Product Services Bundle - ### Starter Name who the smallest plan is for, in one sentence. Starting from NOK 0 €0 $0 forever The line that sums up the plan - The first thing that is included - A second feature - A third, in the customer's words Get started - Most popular ### Growth The plan most people should pick. A badge marks it. Starting from NOK 490 €49 $49 per month (example) Everything most customers need - Everything in Starter - A plus marks what this plan adds - The feature people upgrade for - One more, if it matters Choose Growth - ### Enterprise For the largest customers, agreed one by one. On request A custom price instead of a number - Everything in Growth - What only the largest plan has - Terms agreed per customer Get in touch - Most popular ### Service, small The second tab holds a different set of plans, such as services. Starting from NOK 4 900 €490 $490 one-off (example) What the customer gets - Everything in the product plan - A service on top - Another one Get in touch - ### Service, large Each plan says which tab it belongs to under «Shown under tab number». Starting from NOK 9 900 €990 $990 one-off (example) What the customer gets - Everything in the small service - More of the same - Something only this plan has Get in touch - Bundle card ### A wide card for a bundle or an offer Set the card type to Bundle card for a wide card with check chips instead of a price, such as a product and a service sold together. Get in touch - One agreement - Priced per customer - A button to get in touch QA 78 · Advanced pricing · Dark color mode · no band · two pills · no tabs · pill-style tabs setting unused · outlined cards · accent outline on the highlighted plan · heading left ## Three plans, *one switch* Prices in NOK or EUR. Without product tabs every plan sits in one row. NOK EUR - ### OMNI Free Every section a SaaS or B2B site needs. 0 kr €0 forever - 18 modules and the page templates - Color modes and animations [Get OMNI free](https://www.omni-theme.com/?hsLang=en) - Most popular ### OMNI Pro The Pro modules, the mega menu and custom CSS. Starting from 1 990 kr €179 per site, per year Updates for a year - Everything in OMNI Free - Eight Pro modules - Custom CSS per module [Buy OMNI Pro](https://www.omni-theme.com/?hsLang=en) - ### Enterprise Several sites and a partner on call. On request Tailored offer, talk to us - Everything in OMNI Pro - Unlimited sites [Talk to us](https://www.omni-theme.com/contact?hsLang=en) Before and after QA 79 · Before and after · default content · cards · colored chips · closing line ## What changes *the day you switch* Without OMNI - Five tools, five logins, five reports that agree on nothing - You learn what is wrong, never how to fix it - Pages that rank but never convert - Weeks of specialist work for one answer - The knowledge leaves with the developer With OMNI - One theme, one settings panel, one editor for every page - Every section built to be found and to convert - Changes live in minutes, by drag and drop - The skill stays in your team, for good - Simple enough for any marketer **One theme, every section, one simple answer. Your team gets it, and keeps it.** QA 80 · Before and after · Dark color mode · plain rows · icon markers · minus and plus · heading left ## Plain rows, *icons only* The same content without cards, markers drawn in the column colors. The old way - A developer ticket for every change - Three weeks for a landing page - Styles that drift between pages With OMNI - Marketing edits the page - A landing page before lunch - One theme setting paints every page Score meter QA 81 · Score meter · default content · stacked · bars fill and the score counts up when scrolled into view · list panel ## We scored our own site. *Same rules for everyone.* The OMNI demo site, measured with Lighthouse on a throttled phone. Scroll here and watch the bars fill. Example score 97/ 100 Example values - Performance 98 - Accessibility 100 - Best practices 100 - SEO 92 - Content freshness 84.2 - Conversion readiness 75.2 What to improve next 1. 1The first thing to fix 2. 2The second, in plain words 3. 3One line per item A line under the panel, for where the numbers come from and when they were measured. QA 82 · Score meter · Dark color mode · split layout · score beside the bars · no values · no panel ## Split layout, *dark* www.omni-theme.com 97/ 100 Lighthouse performance, mobile - Performance 98 - Accessibility 100 - Best practices 100 - SEO 92 - Content freshness 84.2 - Conversion readiness 75.2 Product tour QA 83 · Product tour · default content · panel left · stages advance every 4 s · pointer pauses · click a stage ## This is not a template. *This is a page builder.* Watch the panel play through the lines while the stages advance. Hover to pause, click a stage to jump. - Loading the template… - Placing the sections… - Applying your brand… - Publishing the page… 1. Pick Choose a template Start from the home, pricing, blog or contact template, or a blank page with the sections you need. 2. Build Drag in the sections Hero, cards, pricing, FAQ, quotes and more. Every module has settings for content, layout and style. 3. Brand Set colors and fonts once Theme settings paint every module at once, light or dark. 4. Publish Publish and measure One click. Then read the numbers in HubSpot and keep improving. QA 84 · Product tour · Dark color mode · panel right · wider stages · stages centred beside the panel · own green dots and bar (dark mode keeps a colour the editor set) · animations off (static, all lines done) ## Static and *mirrored* - Loading the template… - Placing the sections… - Applying your brand… - Publishing the page… 1. Pick Choose a template Start from the home, pricing, blog or contact template, or a blank page with the sections you need. 2. Build Drag in the sections Hero, cards, pricing, FAQ, quotes and more. Every module has settings for content, layout and style. 3. Brand Set colors and fonts once Theme settings paint every module at once, light or dark. 4. Publish Publish and measure One click. Then read the numbers in HubSpot and keep improving. Calculator (ROI and pricing) QA 85 · Calculator · default content · three sliders · four formula results · large highlight card · Send the results form under the results ## See what your team *gets back* with OMNI Drag the sliders. Every result is a formula over the slider values, calculated in the browser. Your current setup Example figures in NOK, calculated as you type. Hours your team spends on page changes per month 24 h Edits, new landing pages, fixes and waiting for a developer. Share of those hours editors could do themselves 50 % Your own estimate. The results below use it. Hourly cost of that work 1100 kr Internal cost or the developer's rate. New pages per month 4 Landing pages, campaign pages, product pages. What your team keeps each year – Hours × share × hourly cost × 12 Hours saved per month – Edits marketing could make in the editor Pages a year at today’s pace – New pages a month × 12 An if-then formula – Over 20 000 → 4, over 8 000 → 8, otherwise 26. Replace it with your own rule. Email me these results We send the numbers above to your inbox, nothing else. Get OMNI free Estimates. Your own numbers will differ. QA 86 · Calculator · Dark color mode · results left · comma thousands · a formula with a condition and a division ## Results first, *dark* Your current setup Example figures in NOK, calculated as you type. Monthly visits 20000 From HubSpot analytics. Conversion rate 2 % Visits that become leads. Leads per month – today With 30 % more conversions – finished sections, clearer pages Worth it from – a condition in the formula Estimates. Your own numbers will differ. QA 87 · Calculator · pricing calculator · slider with steppers and range labels · number box · dropdown · check box add-ons · one results panel · gradient highlight · rows · form under the whole calculator ## What would OMNI Pro *cost* your team? Pick the number of sites and editors, choose a plan and tick the add-ons. The price updates as you go. Your setup Prices in USD, excluding VAT. Nothing is sent until you ask for it. Websites 3 − \+ 120 Each website is one HubSpot domain with the theme installed. Editors People who edit pages in the drag-and-drop editor. − \+ Plan Starter Growth Scale Guided onboarding (one-off, $900) Priority support (+$19 per site per month) Your price per month – Five editors are included, every extra editor is $4 Sites – Extra editors – Onboarding (one-off) – First year in total – Email me this quote The whole setup above lands in your inbox as a written quote. Estimates. Your own numbers will differ. Table of contents See all modules ### On this page On this page QA 88 · Table of contents · box in the page · numbered · reading progress · marks the section you are reading · manual entries 1. [Free modules](https://www.omni-theme.com/modules#free-modules) 2. [Color modes](https://www.omni-theme.com/modules#color-modes) 3. [Pro modules](https://www.omni-theme.com/modules#pro-modules) 4. [Statistics](https://www.omni-theme.com/modules#numbers) 5. [Comparison table](https://www.omni-theme.com/modules#comparison) 6. [Questions and answers](https://www.omni-theme.com/modules#faq) Back to top ### Topics of this topic cluster QA 89 · Table of contents · cards · gradient · four columns · descriptions · made for pillar and topic cluster pages [Free modules Every module in the free OMNI theme, one section per variant.](https://www.omni-theme.com/modules#free-modules) [Color modes The same modules in Dark color mode, set once in the theme settings.](https://www.omni-theme.com/modules#color-modes) [Pro modules Expanding panels, story panels, calculators and everything else in OMNI Pro.](https://www.omni-theme.com/modules#pro-modules) [Statistics Key figures as cards, glass panels or a plain row.](https://www.omni-theme.com/modules#numbers) [Comparison table Feature by feature, with a highlighted column.](https://www.omni-theme.com/modules#comparison) [Questions and answers An accordion that also writes FAQ structured data.](https://www.omni-theme.com/modules#faq) [Customer reviews Ratings, quotes and the people behind them.](https://www.omni-theme.com/modules#reviews) [Calculator Return on investment and pricing, with the results sent to a form.](https://www.omni-theme.com/modules#roi) ### Jump to a section Jump to a section QA 90 · Table of contents · Dark color mode · folded away and back · entries without numbers 1. [Free modules](https://www.omni-theme.com/modules#free-modules) 2. [Color modes](https://www.omni-theme.com/modules#color-modes) 3. [Pro modules](https://www.omni-theme.com/modules#pro-modules) 4. [Statistics](https://www.omni-theme.com/modules#numbers) 5. [Comparison table](https://www.omni-theme.com/modules#comparison) Back to top Text section See all modules QA 91 · Text section · heading on the left · one column · a box that unfolds and a note · sticky heading ## Everything a long page needs, *in one module* A text section is where the argument lives. It takes rich text, so headings, lists, links and quotes all follow the theme. > A quote inside the text reads as a pull quote, not as another paragraph. Boxes sit between the paragraphs: one that unfolds when it is clicked, a note beside the argument, or a block that stands out. - Lists take the bullet color from the theme - Links take the link color - Small headings inside the text keep the heading font #### What counts as a section? Anything a visitor can skip without losing the argument: a definition, an exception, a worked example. The box keeps it available without putting it in the way. #### Rule of thumb If a paragraph starts with «by the way», it belongs in a box. QA 92 · Text section · heading on top · two columns · a block with an icon and a highlighted block · centered ## Two columns, *one argument* A text section is where the argument lives. It takes rich text, so headings, lists, links and quotes all follow the theme. > A quote inside the text reads as a pull quote, not as another paragraph. Boxes sit between the paragraphs: one that unfolds when it is clicked, a note beside the argument, or a block that stands out. - Lists take the bullet color from the theme - Links take the link color - Small headings inside the text keep the heading font #### One idea per block A highlighted block with an icon carries one idea. Two ideas need two blocks, or a paragraph. The second column only appears in the two-column layout. Split the text where it makes sense to read. Each column has its own boxes, so a note can sit beside the paragraph it belongs to. #### Highlighted block No icon, just a block that stands out from the text around it. Good for a conclusion. QA 93 · Text section · Dark color mode · heading on the right · narrow line length ## The same text, *in the dark* A text section is where the argument lives. It takes rich text, so headings, lists, links and quotes all follow the theme. > A quote inside the text reads as a pull quote, not as another paragraph. Boxes sit between the paragraphs: one that unfolds when it is clicked, a note beside the argument, or a block that stands out. - Lists take the bullet color from the theme - Links take the link color - Small headings inside the text keep the heading font #### What counts as a section? Anything a visitor can skip without losing the argument: a definition, an exception, a worked example. The box keeps it available without putting it in the way. #### Rule of thumb If a paragraph starts with «by the way», it belongs in a box. Video (module and Feature cards media) See all modules ![Placeholder](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ## QA 95 · Video · title band · the whole row opens the lightbox · silent loop behind ![Placeholder](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) QA 96 · Video · content on the media · text right · numbers · light button · glass play ## Watch a page *come together* Every section on this site is a module dropped into a page. The video shows one page built from the first section to publish, with nothing but the editor. modules 35 20 in the free theme, 15 more in OMNI Pro. lines of code 0 Colours, fonts and spacing come from the theme settings. [See all modules](https://www.omni-theme.com/modules#qa-video) ![Placeholder](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) QA 97 · Video · play button only · plays in place · caption under the button ![Rings](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/rings.svg) QA 98 · Video · boxed · 21:9 box · SVG poster at 40 % · opens a 16:9 lightbox QA 99 · Feature cards · video media (whole card plays in the lightbox, play button only, link card) · SVG media at 70 % ## Cards with *video and SVG* The first card opens the lightbox wherever it is clicked. The second plays from its button and links elsewhere. The third shows an SVG at 70 % of the media area. The fourth is a video embed. ![Placeholder](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Whole card plays the video Link → Whole card clickable, When the card is clicked → Play the video in a lightbox. Play ![Placeholder](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Button plays, link goes elsewhere The play button opens the lightbox; the text link opens another page. [Read the docs](https://www.omni-theme.com/modules#qa-video) ![Rings](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/patterns/rings.svg) ### SVG at 70 % Media → SVG, Styles → Layout → SVG size. ![Placeholder](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/large-placeholder-image.png) ### Embed in a card A YouTube embed with a poster; the player loads only when the lightbox opens. QA 94 · Site header · burger safety on a wide screen ## A menu row that does not fit folds into the burger This site's header carries five menu items, a top bar and two buttons. Make the window about 1100 px wide: the row no longer fits, so the burger appears and the menu opens as a drawer, exactly as on a tablet. Widen the window to 1440 px and the row comes back. «Editions» opens as an accordion in the drawer, and the «New» tag on OMNI Pro follows it into the dropdown. Site-wide features QA 100 · Text section · navigation and footer · one anchor per feature ## The header and the footer, *on every page* ### Site header The bar at the top of this page: the logo from the brand kit, a HubSpot menu with dropdowns three levels deep, up to two buttons, a sticky bar that shrinks as you scroll, and a mobile menu. A menu row that does not fit on a laptop folds into the burger menu instead of running off the edge. ### Mega menu (Pro) Hover Features, Pages or Landing pages in the menu above. Each panel is built from fixed block types in up to five equal columns, so an editor fills in fields and never lays anything out by hand. ### Announcement bar (Pro) The bar above the menu on this page. A visitor who closes it does not see it again for the number of days you choose. ### Menu tags (Pro) The New pill beside OMNI Pro in the menu above: Hot, New, Free or your own colour, with an optional pulsing dot. ### Top bar (Pro) A thin row above the menu for a telephone number, an e-mail address or a login. It is switched off on this site, where About and Contact sit in the menu. ### Dark bar on scroll Scroll this page: the sticky bar swaps to its own dark palette and to the logo for dark backgrounds. ### Site footer Link columns, social links, legal links and, when you pick one, a newsletter form. See the bottom of this page. 1. [Home](https://www.omni-theme.com/?hsLang=en) 2. Modules – every module in the OMNI theme Close ### QA 102 · Subscribe card · in the page On a long page the card can follow the reader in the side rail, or float in a corner after a share of the page has been read. Copy link [mailto:?subject=Every+module+in+the+OMNI+theme+%7C+OMNI&body=https%3A%2F%2Fwww.omni-theme.com%2Fmodules](mailto:?subject=Every+module+in+the+OMNI+theme+%7C+OMNI&body=https%3A%2F%2Fwww.omni-theme.com%2Fmodules) QA 103 · Feature cards · the theme's animated illustrations ## Small animations in *the theme's own palette* ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-templates.svg) ### Templates A page assembles itself from sections. ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-modes.svg) ### Colour modes Light turns to dark and back. ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-speed.svg) ### Speed A score that counts up to full marks. ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-mega.svg) ### Mega menu A panel opens under a menu item. QA 104 · Feature cards · Show more · four cards, then a button ## A list that starts short, *and grows on request* ### Card 1 Cards after the fourth wait behind the button. ### Card 2 Cards after the fourth wait behind the button. ### Card 3 Cards after the fourth wait behind the button. ### Card 4 Cards after the fourth wait behind the button. ### Card 5 Cards after the fourth wait behind the button. ### Card 6 Cards after the fourth wait behind the button. ### Card 7 Cards after the fourth wait behind the button. ### Card 8 Cards after the fourth wait behind the button. QA 105 · Text section · design settings · one anchor per feature ## Design that *follows one set of settings* ### Brand in one place Colours, fonts, buttons, corners, spacing and motion live in Theme settings. Change them once and every module on this page follows. ### Entrance animation Every section on this page enters as you scroll to it. One switch in Theme settings turns the motion off, and visitors who prefer reduced motion never see it. ### Background fade-in (Pro) The background arrives behind a veil that clears when the section is seen, on every section that has one. [QA 1](https://www.omni-theme.com/modules#hero) at the top of this page shows it, and every Pro module is on [its own page](https://www.omni-theme.com/pro-modules?hsLang=en). ### Text boxes (Pro) Expanding, static, highlighted and icon boxes inside the running text of a Text section. See them in [QA 91 and QA 92](https://www.omni-theme.com/modules#text) on this page. ### Custom CSS per module (Pro) A stylesheet field on every module instance, scoped to that module, so one section can differ from the rest without touching the theme. QA 106 · Text section · pages and site-wide quality · one anchor per feature ## Pages, the blog and *what you do not see* ### Page templates Front pages, product and service pages, about, contact, pricing, comparison and pillar pages, and five landing pages, each ready to start from. See them all on [Pages](https://www.omni-theme.com/pages?hsLang=en) and [Landing pages](https://www.omni-theme.com/landing-pages?hsLang=en). ### Blog listing and post An editorial blog with filter chips, related posts and a subscribe panel: [OMNI Insights](https://www.omni-theme.com/insights?hsLang=en) runs on it. ### System pages Eleven of them, from the 404 page to the membership and subscription pages, in the same design as the rest of the site. ### Theme sections Eight ready-made sections to drag into any page and fill in. ### Structured data Organization, WebSite, FAQPage, Product, ItemList and BreadcrumbList, written by the theme and the modules from the content you already have. ### Speed One stylesheet, subset fonts, resized images and deferred scripts. Lighthouse on this site's front page, desktop, 3 October 2026: 99 performance, 100 accessibility, 100 best practices, 100 SEO. ### Accessibility Thirteen pages audited with axe-core, no violations. Keyboard paths, visible focus, reduced motion and real contrast. ### Multi-language A language switcher appears in the header when a page has translations, and a page in a right-to-left language mirrors the whole layout. [![OMNI](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/omni-stacked-light.svg)](https://www.omni-theme.com/?hsLang=en) OMNI is a free HubSpot theme, developed by [Spring Agency](https://www.springagency.com/). Build every page of your website in the drag-and-drop editor. - [LinkedIn](https://www.linkedin.com/) - [X](https://x.com/) - [YouTube](https://www.youtube.com/) - [Instagram](https://www.instagram.com/) OMNI - [OMNI Free](https://www.omni-theme.com/omni-free?hsLang=en) - [OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en) - [Pricing](https://www.omni-theme.com/pricing?hsLang=en) - [Contact](https://www.omni-theme.com/contact?hsLang=en) Features - [All modules](https://www.omni-theme.com/modules?hsLang=en) - [Light and dark colour mode](https://www.omni-theme.com/modules#color-modes) - [Text section and boxes](https://www.omni-theme.com/modules#text) - [Table of contents](https://www.omni-theme.com/modules#toc) - [Calculator and forms](https://www.omni-theme.com/modules#roi) - [Everything OMNI Pro adds](https://www.omni-theme.com/omni-pro?hsLang=en) Pages - [All page templates](https://www.omni-theme.com/pages?hsLang=en) - [Front pages](https://www.omni-theme.com/demo-home-01?hsLang=en) - [Pillar page](https://www.omni-theme.com/demo-pillar?hsLang=en) - [Product pages](https://www.omni-theme.com/demo-product?hsLang=en) - [Service pages](https://www.omni-theme.com/demo-service?hsLang=en) - [About us](https://www.omni-theme.com/demo-about-us?hsLang=en) - [Blog listing](https://www.omni-theme.com/insights?hsLang=en) - [System pages](https://www.omni-theme.com/404?hsLang=en) Landing pages - [All landing page templates](https://www.omni-theme.com/landing-pages?hsLang=en) - [E-book or guide](https://www.omni-theme.com/demo-landing-ebook?hsLang=en) - [Event](https://www.omni-theme.com/demo-landing-event?hsLang=en) - [Webinar](https://www.omni-theme.com/demo-landing-webinar?hsLang=en) - [Book a demo](https://www.omni-theme.com/demo-landing-demo?hsLang=en) - [Newsletter sign-up](https://www.omni-theme.com/demo-landing-newsletter?hsLang=en) - [Insights](https://www.omni-theme.com/insights?hsLang=en) © 2026. All rights reserved. - Privacy policy - Terms of service ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Most teams publish their first pages within days. Set colors, fonts and buttons once in the theme settings, then build pages from ready-made sections." }, "name" : "How long does it take to launch a site with OMNI?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Yes. Every section is drag and drop, and every module has settings for content, layout and style." }, "name" : "Can marketing edit pages without a developer?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Yes. The questions and answers module adds FAQPage data, and the comparison table can add WebPage and ItemList data." }, "name" : "Does OMNI add structured data for search engines?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "OMNI works on every Content Hub edition. Some HubSpot features, such as smart content, need a higher edition." }, "name" : "Which HubSpot subscription do I need?" } ] } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.omni-theme.com/modules#webpage", "@type" : "WebPage", "dateModified" : "2026-10-23T14:11:30Z", "description" : "Every drag-and-drop module in the OMNI HubSpot CMS theme, one section per variant: heroes, cards, pricing, comparison tables, calculators and more.", "lastReviewed" : "2026-09-14", "name" : "Every module in the OMNI theme | OMNI", "url" : "https://www.omni-theme.com/modules" } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.omni-theme.com/modules#comparison", "@type" : "ItemList", "description" : "A good HubSpot theme is the better choice for most SaaS and B2B websites. It launches in days instead of months, costs a fraction of a custom build and lets marketing publish without a developer. A custom build is worth it when you need features or a design no theme offers, and the budget to maintain them.", "itemListElement" : [ { "@type" : "ListItem", "description" : "HubSpot theme: Free to about €1,000, one-time; Custom build: Often €15,000 or more.", "name" : "Upfront cost", "position" : 1 }, { "@type" : "ListItem", "description" : "HubSpot theme: Days to a few weeks; Custom build: Typically 2–4 months.", "name" : "Time to launch", "position" : 2 }, { "@type" : "ListItem", "description" : "HubSpot theme: Included; Custom build: Depends on the build.", "name" : "Pages built by marketers", "position" : 3 }, { "@type" : "ListItem", "description" : "HubSpot theme: HubSpot's Marketplace review; Custom build: Up to your agency.", "name" : "Quality review", "position" : 4 }, { "@type" : "ListItem", "description" : "HubSpot theme: New versions from the theme provider; Custom build: Paid developer time.", "name" : "Updates", "position" : 5 }, { "@type" : "ListItem", "description" : "HubSpot theme: Your brand within the theme's layouts; Custom build: Anything you can design.", "name" : "Design freedom", "position" : 6 }, { "@type" : "ListItem", "description" : "HubSpot theme: Most SaaS and B2B websites; Custom build: Unique features, integrations or brand experiences.", "name" : "Best for", "position" : 7 } ], "name" : "Side-by-side comparison", "numberOfItems" : 7 } ``` ```json { "@context" : "https://schema.org", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "https://www.omni-theme.com/", "name" : "Home", "position" : 1 }, { "@type" : "ListItem", "item" : "https://www.omni-theme.com/modules", "name" : "Modules – every module in the OMNI theme", "position" : 2 } ] } ```