Websites on HubSpot CMS

Build the whole site. Without the backlog.

Every page, every section and every colour is drag and drop. Your marketing team ships the site while the developers keep working on the product.

A website being edited in HubSpot's drag-and-drop editor

Why teams pick it

A website your own team can actually run

Three things every marketing team asks for before they sign off on a new site.

Edit any page yourself

Every section is a module in the drag-and-drop editor. Move it, duplicate it, change the colours, publish. No ticket, no deploy.
See the modules

One place for the brand

Your fonts, colours, buttons, corners and spacing are set once and every page follows. Nobody has to remember a hex value, and a rebrand takes an afternoon instead of a quarter.
See the theme settings

Fast out of the box

One stylesheet, subset fonts, resized images and no page builder bloat. Speed is a setting you do not have to fight for.
How it stays fast

Built for the whole team

Pick the part that sounds like your week

Marketing

Launch a campaign page before lunch

Start from a template, drag in the sections you need and publish. The brand is already set, so nothing looks off.

Building a campaign page

Design

A design system, not a pile of pages

Colours, type scale, corners, shadows and motion live in the theme settings. Change one value and the whole site follows.

The theme settings

Development

Clean HubL you can read

Every module is plain HubL, CSS and a little JavaScript, documented and namespaced. Extend it or leave it alone.

The module code

Drag and drop

Every section is a module

Heroes, cards, pricing, comparison tables, timelines, quotes, questions and calls to action. Each one has its own settings for layout, colours, background and motion, so one module covers what a page builder needs ten for.

  • Change the layout without touching the content
  • Light and dark colour mode per section
  • Anchor links so a menu item can scroll to a section
The module list in the editor

Brand once

Set the brand once. Every page follows.

Colours, fonts, button shapes, corner radius, spacing and animation are theme settings. There is no page where someone hard-coded a hex value, so a rebrand is an afternoon instead of a project.

Theme settings with the brand colours

The numbers

What a finished site looks like

  • 32

    Modules

    Everything a B2B site needs, from hero to pricing table, in one theme.

  • 20

    Page templates

    Front pages, pillar pages, product and service pages, about, contact and five landing pages. Blog and system pages on top.

  • 98 %

    Lighthouse performance

    Measured on the demo site, on a mid-range phone.

Insights

Latest from the blog

View all articles

Before you ask

Questions about the theme

Do I need a developer?

No. Every page is built in HubSpot's drag-and-drop editor, and every setting is a field. A developer can extend the theme, but nothing needs one to launch.

What is the difference between free and Pro?

The free theme has every section a normal B2B site needs. OMNI Pro adds the advanced modules, the mega menu and a custom CSS field on every module. See the full list.

Will it stay fast?

The theme ships one stylesheet, subset fonts and resized images, and the modules read no layout during load. The rest is down to what you put on the page.

Can I use my own design?

Yes. Colours, fonts, corners, shadows and motion are theme settings, and OMNI Pro adds a custom CSS field per module for the last five percent.

Ready when you are

Start free. Upgrade when you need more.

Install the free theme today. Everything you build stays yours if you move to Pro later.