Skip to content
New Webinar: build a landing page in 5 minutes Sign up

OMNI Pro

Every OMNI Pro module, on one page

The modules and settings OMNI Pro adds to the free theme, each with its own address. The background of this banner fades in: a Pro setting on every section that has a background.

Pro modules · only in OMNI Pro
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

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.

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.

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.

Section separator
Logoipsum QA 63 · Section separator · swapped sides · image at the start · primary button
QA 64 · Section separator · label only · dashed 3 px line · text link
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
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.

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.

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

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.

    Milo Canterbury Demand Generation Lead, Cyberdyne Systems
  • The blog, the pricing page and the FAQ came ready to fill in. Our developer backlog for the website is empty.

    Fumle Hopkins Designer, Umbrella Corporation
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 Woodgrove success story

How a five-person marketing team rebuilt the site in three weeks and doubled qualified demo requests the quarter after.

Four colleagues planning at a whiteboard
02

How Wide World Importers cut page speed in half

Resized images, one stylesheet and deferred scripts, without touching code. Mobile PageSpeed went from 41 to 88.

A website hero on a laptop beside a mug
03

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

Explaining an idea beside an open laptop
04

Lamna Healthcare grows without an agency

The handover was the last invoice. Eighteen months later the site has 140 pages, all built in the editor.

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.

A workshop around a conference table
02

World class speed by default

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

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.

Four colleagues planning at a whiteboard

QA 76 · Story panels · fade · contained · wider text · no effect on phones

The fade effect

01

The Fourth Coffee success story

How a five-person marketing team rebuilt the site in three weeks and doubled qualified demo requests the quarter after.

Four colleagues planning at a whiteboard
02

How XYZ Corporation cut page speed in half

Resized images, one stylesheet and deferred scripts, without touching code. Mobile PageSpeed went from 41 to 88.

A website hero on a laptop beside a mug
03

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

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

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

    Several sites and a partner on call.

    On request

    Tailored offer, talk to us

    • Everything in OMNI Pro
    • Unlimited sites
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.

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

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.

Site-wide Pro settings

QA 107 · Text section · site-wide Pro settings · one anchor per feature

Pro settings on every page

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.

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.