Skip to content
New Webinar: build a landing page in 5 minutes Sign up
Get OMNI free Get OMNI Pro

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 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

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
  • 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

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.

A product page open on a laptop

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
CTA Band

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

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.

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

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 Jump to the comparison Jump to the customer story
Feature cards grid

QA 16 · Feature cards grid · tinted, circle images, centered

Round photos

Four colleagues planning at a whiteboard

Wide World Importers

A short customer story next to a round person photo.

Placeholder photo

Blue Harbor

A short customer story next to a round person photo.

Placeholder photo

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

Trey Research

A short customer story next to a round person photo.

Placeholder photo

Blue Harbor

A short customer story next to a round person photo.

Placeholder photo

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 See the modules

Drag and drop

  • Build pages from sections and modules, no code.
  • Move, duplicate and restyle anything in the editor.
Learn more

Theme settings

  • Set colors, fonts, buttons and spacing once.
  • Every module follows the brand automatically.
Learn more

Modules for every need

  • Hero, cards, pricing, FAQ, quotes, steps and more.
  • Each with backgrounds, widths, anchors and animation.
Learn more

Fast by default

  • One stylesheet, resized images, deferred scripts.
  • Calm animations that respect reduced motion.
Learn more

Blog and content

  • A listing with filter chips and a readable post template.
  • Structured data for FAQs and comparisons.
Learn more

OMNI Pro

  • Mega menu, custom CSS per module, expanding panels.
  • Scrolling cards and section separators.
Learn more
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
Image and logo scroller

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
  • Placeholder image
    Lamna Healthcare doubles qualified demo requests
  • Placeholder image
    Fourth Coffee turns its website into a pipeline engine
  • Placeholder image
    XYZ Corporation grows revenue from existing customers
  • Placeholder image
    Acme Industries aligns marketing and sales on one growth plan
  • Placeholder image
    Umbrella Corporation launches a new website in six weeks
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

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

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

  • 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.

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

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:

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

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

Team members grid

QA 35 · Team members grid · elevated, lift, whole card links, tablet 2

Team cards

Process steps timeline

QA 36 · Process steps timeline · horizontal · numbers

From first call to signed agreement

  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 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 40 · Link rows and guide · guide · heading beside · cards

Which growth plan fits you?

Match your situation with the right starting point.

We are just getting started A small team that needs its first steady flow of leads.
Growth starter
We need a predictable pipeline Marketing and sales want one plan and shared numbers.
Growth plan
We want our systems to talk CRM, finance and product data should flow automatically.
RevOps and integrations
We want help to get going Specialists set things up and train the team.
Onboarding and training
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

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 See the modules

Drag and drop

  • Build pages from sections and modules, no code.
  • Move, duplicate and restyle anything in the editor.
Learn more

Theme settings

  • Set colors, fonts, buttons and spacing once.
  • Every module follows the brand automatically.
Learn more

Modules for every need

  • Hero, cards, pricing, FAQ, quotes, steps and more.
  • Each with backgrounds, widths, anchors and animation.
Learn more

Fast by default

  • One stylesheet, resized images, deferred scripts.
  • Calm animations that respect reduced motion.
Learn more

Blog and content

  • A listing with filter chips and a readable post template.
  • Structured data for FAQs and comparisons.
Learn more

OMNI Pro

  • Mega menu, custom CSS per module, expanding panels.
  • Scrolling cards and section separators.
Learn more

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

Cyberdyne Systems

A short customer story next to a round person photo.

Placeholder photo

Blue Harbor

A short customer story next to a round person photo.

Placeholder photo

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.

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:

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

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

QA 49 · Team members grid · Dark color mode · elevated cards keep light text on the dark surface

Team cards

QA 50 · Process steps timeline · Dark color mode · markers, line and step text

From first call to signed agreement

  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 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.

We are just getting started A small team that needs its first steady flow of leads.
Growth starter
We need a predictable pipeline Marketing and sales want one plan and shared numbers.
Growth plan
We want our systems to talk CRM, finance and product data should flow automatically.
RevOps and integrations
We want help to get going Specialists set things up and train the team.
Onboarding and training

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

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

  • 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
Pro modules · only in OMNI Pro
Back to the top
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

Build every page with drag and drop, no code.

A product page open on a laptop

Set colors, fonts and buttons once, in theme settings.

A workshop around a conference table

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

Plan every page as sections.

Four colleagues planning at a whiteboard

Keep the whole site on brand from theme settings.

A product page open on a laptop

Launch landing pages without waiting for a developer.

A workshop around a conference table

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

For marketers

Four colleagues planning at a whiteboard

For developers

Scrolling cards
QA 59 · A separator above the cards · icon chip, dotted line, button
See all modules

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

Hero banner

Five heights, split or centered layouts, any background and a heading that reveals line by line.

Learn more
A product page open on a laptop

CTA Band

Six layouts from text and buttons to text and form, on a gradient, an image or a video.

Learn more
A website hero on a laptop beside a mug

Pricing plans

Monthly and yearly prices with a switch, a highlighted plan and feature lists.

Learn more

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

Hero banner

Five heights, split or centered layouts, any background and a heading that reveals line by line.

Learn more
A product page open on a laptop

CTA Band

Six layouts from text and buttons to text and form, on a gradient, an image or a video.

Learn more
A website hero on a laptop beside a mug

Pricing plans

Monthly and yearly prices with a switch, a highlighted plan and feature lists.

Learn more

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

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

Comparison table

Yes, no or text values per row, a reviewed date and structured data search engines can read.

Section separator
Logoipsum QA 63 · Section separator · swapped sides · image at the start · primary button
See the theme
QA 64 · Section separator · label only · dashed 3 px line · text link
Read the guide
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
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 Drag and dropBuild pages togetherSections and modules, moved with the mouse. A product page open on a laptop OMNIBuilt for HubSpot CMS21 modules, one theme setting panel. A workshop around a conference table Theme settingsPlan every page as sections A website hero on a laptop beside a mug Theme settingsColors, fonts and buttons onceEvery module follows the brand. Explaining an idea beside an open laptop A product page open on a laptop PerformanceFast by default A workshop around a conference table
Explaining an idea beside an open laptop

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 01Launch in weeks, not months OMNI ProMega menu, custom CSS, image wallEverything in OMNI, plus the high-end modules.
A workshop around a conference table A website hero on a laptop beside a mug 02Fast by default
Explaining an idea beside an open laptop 03One theme, every page Theme settingsColors, fonts and buttons once
A product page open on a laptop

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 TeamThe people behind the pages
CareersJoin the teamOpen roles in Oslo and Bergen.
A website hero on a laptop beside a mug
Explaining an idea beside an open laptop
A product page open on a laptop CultureWorkshops every Friday
Four colleagues planning at a whiteboard
A product page open on a laptop
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.

  • Erik Pawlund: A black cat in a cardigan and a denim shirt
    Head of Design

    Erik Pawlund

    Turns rough ideas into pages that marketing can build on their own.

    Read more
  • Jonas Neighberg: A dark pony with a long fringe in a rust jumper
    Front-end developer

    Jonas Neighberg

    Keeps every module fast, accessible and easy to edit.

    Read more
  • Four colleagues planning at a whiteboard
    Mats Howlm: A golden retriever in a plum blazer
    Customer success

    Mats Howlm

    Helps teams launch their first OMNI site in days, not months.

    Read more
  • Mats Meowberg: A black cat in a suit and a burgundy tie
    Founder

    Mats Meowberg

    Started OMNI after one too many custom builds nobody could edit.

    Read more
  • Erik Sandpaw: A ginger cat in a knitted polo
    Founder

    Erik Sandpaw

    Owns the roadmap and still answers support on Fridays.

    Read more
  • Four colleagues planning at a whiteboard
    Anna Whiskvik: A tabby and white cat in a silk scarf
    Content lead

    Anna Whiskvik

    Writes the words that make the demo site feel real.

    Read more

Customer reviews

QA 72 · Customer reviews · carousel · arrows in the heading row · Google summary card · logo and stars cards · portraits

What our customers say

  • Google
    4.8/5 Based on 128 reviews

  • We rebuilt our site on OMNI in three weeks. The team publishes new pages on their own now, and everything looks like one brand.

  • 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
    Amara Clawford Marketing Manager, Contoso

  • 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
    Daniel Barkhart Head of Digital, Northwind Analytics

  • 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
    Ingrid Stallberg Chief Marketing Officer, Fabrikam

  • 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
    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.

  • 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
Four colleagues planning at a whiteboard
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
A website hero on a laptop beside a mug
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
Explaining an idea beside an open laptop
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
A product page open on a laptop
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
A workshop around a conference table
02

World class speed by default

One stylesheet, resized images, calm motion that respects reduced motion.

Read the story
A website hero on a laptop beside a mug
03

A blog that fills itself

Filter chips, reading time and structured data come with the template.

Read the story
Four colleagues planning at a whiteboard

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
Four colleagues planning at a whiteboard
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
A website hero on a laptop beside a mug
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
Explaining an idea beside an open laptop
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.

  • Starter

    Name who the smallest plan is for, in one sentence.

    Starting from

    NOK 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

    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

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.

  • OMNI Free

    Every section a SaaS or B2B site needs.

    0 kr

    forever

    • 18 modules and the page templates
    • Color modes and animations
    Get OMNI free
  • Most popular

    OMNI Pro

    The Pro modules, the mega menu and custom CSS.

    Starting from

    1 990 kr

    per site, per year

    Updates for a year

    • Everything in OMNI Free
    • Eight Pro modules
    • Custom CSS per module
    Buy OMNI Pro

  • Enterprise

    Several sites and a partner on call.

    On request

    Tailored offer, talk to us

    • Everything in OMNI Pro
    • Unlimited sites
    Talk to us
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. The first thing to fix
  2. The second, in plain words
  3. One 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.

  1. Start from the home, pricing, blog or contact template, or a blank page with the sections you need.

  2. Hero, cards, pricing, FAQ, quotes and more. Every module has settings for content, layout and style.

  3. Theme settings paint every module at once, light or dark.

  4. 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

  1. Start from the home, pricing, blog or contact template, or a blank page with the sections you need.

  2. Hero, cards, pricing, FAQ, quotes and more. Every module has settings for content, layout and style.

  3. Theme settings paint every module at once, light or dark.

  4. 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.

24 h

Edits, new landing pages, fixes and waiting for a developer.

50 %

Your own estimate. The results below use it.

1100 kr

Internal cost or the developer's rate.

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.

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.

20000

From HubSpot analytics.

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.

3
120

Each website is one HubSpot domain with the theme installed.

People who edit pages in the drag-and-drop editor.

Your price per month

–

Five editors are included, every extra editor is $4

Sites

–

Extra editors

–

Onboarding (one-off)

–

First year in total

–

Estimates. Your own numbers will differ.

Table of contents
See all modules

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
  2. Color modes
  3. Pro modules
  4. Statistics
  5. Comparison table
  6. Questions and answers
Back to top

Jump to a section

QA 90 · Table of contents · Dark color mode · folded away and back · entries without numbers

  1. Free modules
  2. Color modes
  3. Pro modules
  4. Statistics
  5. Comparison table
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

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

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

QA 95 · Video · title band · the whole row opens the lightbox · silent loop behind

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

QA 97 · Video · play button only · plays in place · caption under the button

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

Whole card plays the video

Link → Whole card clickable, When the card is clicked → Play the video in a lightbox.

Play
Placeholder

Button plays, link goes elsewhere

The play button opens the lightbox; the text link opens another page.

Read the docs
Rings

SVG at 70 %

Media → SVG, Styles → Layout → SVG size.

Placeholder

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

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.

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.

Link columns, social links, legal links and, when you pick one, a newsletter form. See the bottom of this page.

QA 103 · Feature cards · the theme's animated illustrations

Small animations in the theme's own palette

Templates

A page assembles itself from sections.

Colour modes

Light turns to dark and back.

Speed

A score that counts up to full marks.

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 at the top of this page shows it, and every Pro module is on its own page.

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 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 and Landing pages.

Blog listing and post

An editorial blog with filter chips, related posts and a subscribe panel: OMNI Insights 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.