HubSpot themes give you a ready-to-use design system that makes it easy to build and scale your website without touching complex code. Each theme includes pre-built templates, modules, and global settings so your website feels consistent and on-brand across every page.

With the right setup, a theme helps your team move fast, customize easily, and maintain design consistency — whether you’re a small business or an enterprise scaling globally.

Core Theme Elements

Theme Settings

Control your brand colors, typography, buttons, and spacing globally.
Update once, and your entire site stays consistent.

Templates

Pre-built layouts for pages, blogs, landing pages, and emails.
Fully editable in the drag-and-drop editor.

Modules

Building blocks of your content: hero banners, forms, CTAs, testimonials, etc.
Use default ones or customize with your own.

Global Content

Elements like header, footer, or navigation that update everywhere when edited once.

Step-by-Step Guide to Using Themes

Choose & Install a Theme

Browse HubSpot’s Theme Marketplace or upload a custom theme from your partner agency.
Once installed, it appears in your Design Manager under themes.

Set Up Theme Settings

Navigate to the Edit menu of a newly created page > Select your theme name.
Update colors, fonts, buttons, and spacing to match your brand identity.
Preview changes before publishing to ensure brand alignment.

Create Pages with Templates

From the HubSpot dashboard, click Create > Website Page (or Landing Page).
Select a template from your theme.
Drag-and-drop modules, edit content, and publish instantly.

Customize Modules & Layouts

Open any page in the drag-and-drop editor.
Add/remove modules (like testimonials or pricing tables).
Reorganize sections for a unique layout while keeping your brand style intact.

Manage Global Content

Edit headers, footers, or navigation menus from the theme’s global settings.
Publish once, and changes reflect across all your site pages.

Best Practices for Themes

  • Stay Consistent: Use theme settings for colors & fonts instead of custom overrides.
  • Keep It Scalable: Build reusable sections/modules so updates don’t require rework.
  • Optimize for Speed: Compress images and test mobile responsiveness regularly.
  • Leverage Personalization: HubSpot themes allow smart content for tailored user experiences.

Power Up Your Project

Request a Quote and Let Us Save the Day!

Request a quote