Build every page with drag and drop, no code.
Advanced front page
A hero that types whole website
The typewriter swaps the highlighted words one phrase at a time. Write the phrases one per line under Typewriter, and the e-mail field below sends the address on to your sign-up.
Free forever · See what OMNI Pro adds
Your customers' logos scroll past in this row
Expanding panels
Pictures that open on hover
Set colors, fonts and buttons once, in theme settings.
Fast by default: One stylesheet, resized images, calm motion.
Story panels
A story told in three panels
Each panel is one chapter
Story panels tell a short story in full-width steps. Each panel has a number, a heading, a text, an optional button and a picture.
Each panel has its own colours
Give every panel a colour and a gradient end, and choose light or dark text. Put the picture on the left or the right.
The panels stack as you scroll
Pick stack, reveal or a plain list under Styles → Layout. Readers who prefer less motion get the plain list automatically.
Product tour
Stages that advance on their own
Each stage can show its own picture, animation or video. Click one to stay there.
Building the page
-
Front page, pillar page, product page, landing page: 20 templates come with the free theme, 13 more with OMNI Pro.
-
34 modules, each with its own layout, colour and motion settings.
-
Theme settings, not a hex value hidden on page seven.
-
One stylesheet, subset fonts and images through HubSpot's resizer.
Cards that slide past
Hero banner
Five heights, split or centered layouts, any background and a heading that reveals line by line.
CTA Band
Six layouts from text and buttons to text and form, on a gradient, an image or a video.
Feature cards grid
Icons, images or numbers in two to four columns, with whole-card links and a sticky heading column.
Pricing plans
Monthly and yearly prices with a switch, a highlighted plan and feature lists.
Score meter
One score, and what is behind it
The overall score fills its ring and the bars fill as the section scrolls into view. Every value here is an example.
Overall score (example)
86/ 100
Set the score and its maximum under Overall score
-
A bar for each part of the score 92
-
Each bar has its own maximum 78
-
Four bars read at a glance 88
-
Example values, not a measurement 84
The list panel
- 1Say what the score is made of
- 2Or what to fix first
- 3Pick an icon for the panel heading
- 4Or switch the panel off
A line under the panel, for the source of the numbers or the date they were measured.
Reviews
Reviews with stars and a summary
-
Review platform
4.8/5 Example: 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.
-
The blog, the pricing page and the FAQ came ready to fill in. Our developer backlog for the website is empty.
-
Page speed went from red to green without touching code. The images and fonts are handled by the theme.
Advanced pricing
Prices with variants and tabs
Switch between price variants with the pills, such as currencies or billing periods. Example prices only.
-
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
-
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
-
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
-
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
-
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
-
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.
- One agreement
- Priced per customer
- A button to get in touch
Questions
Questions about this template
Which modules are on this page?
A hero with the typewriter, a logo row, expanding panels, story panels, a product tour, scrolling cards, a score meter, reviews, advanced pricing, a question list and a call to action.
Which of them need OMNI Pro?
The typewriter, expanding panels, story panels, the product tour, scrolling cards, the score meter, reviews and advanced pricing. The full list is here.
Can I remove a section?
Yes. Every section is a module in the drag-and-drop editor: Delete it, move it or duplicate it.
Call to action
Start free. Upgrade when you need more.
Everything built on the free theme keeps working when you move to OMNI Pro.