Skip to content

A complete theme for your HubSpot website.

Promote your products and services with a flexible website theme that's
Promote your products and services with a flexible website theme that's expertly crafted.
Promote your products and services with a flexible website theme that's beautifully designed.
Promote your products and services with a flexible website theme that's versatile.
Promote your products and services with a flexible website theme that's pixel perfect.
Get Homebase Theme
Get Started Now
shutterstock_334587347

Built with Scale in Mind

Whether you’re a small business or a large corporation, HomeBase has you covered. Intuitive interfaces, comprehensive mega menus, and other growth-oriented features allow your website to keep pace with your growing business, from startup through enterprise.

Scale

Delightful UX/UI Design

Homebase modules are eye-catching, streamlined, and modern. Wow your users—and improve conversions—with beautiful hero sections, engaging animations, and unique designs.

Multi Device Mockup-1

All-In-One Solutions

Robust and fully customizable, Homebase modules are full-featured and ready to go from day one—and easy to add to existing websites without visual disruption. Say hello to the last theme you’ll ever need.

All in One-2
MODULES

Homebase products were designed to help you and your team make the most of your HubSpot CMS.

Mega Menu

MegaMenu

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-top: 20px;\nmargin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":"px","value":20}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Primary Splash

Splash Module

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-top: 20px;\nmargin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":"px","value":20}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
SVG Splash-1

SVG Splash

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-top: 20px;\nmargin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":"px","value":20}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
CTA-1

Button

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-top: 20px;\nmargin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":"px","value":20}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Full Bleed Cards-1

Full Bleed Cards

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Icon Feature List 1-1

Icon Feature List

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Image Grid-1

Image Grids

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Blog Cards-1

Blog Cards

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Timeline

Timeline

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Pricing

Pricing Cards

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Spacer-1

Spacer

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Parallax Scroll cards-1

Sticky Text With Cards

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Logo-1

Logo Sliders

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
List-1

Lists

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More
Accordion-1

Accordions

{"button_colors":{"bg_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"bg_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null},"text_color_hover":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"card_layout_style":{"bg_color":{"color":"#FFFFFF","css":"#FFFFFF","hex":"#FFFFFF","opacity":100,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"border_style":"elevated","text_color":{"color":null,"css":"","hex":null,"opacity":null,"rgb":null,"rgba":null}},"link_color":{"color":"#007A8C","css":"#007A8C","hex":"#007A8C","opacity":100,"rgb":"rgb(0, 122, 140)","rgba":"rgba(0, 122, 140, 1)"},"spacing_on_desktop":{"spacing":{"css":"margin-bottom: 20px;\n","margin":{"bottom":{"units":"px","value":20},"top":{"units":null,"value":null}}}},"spacing_on_mobile":{"spacing":{"css":""}}}
Learn More

Flexible Modules with Endless Variations 

Homebase was built for flexibility. With theme settings and controls combined with multiple settings for each module, you can use Homebase with HubSpot CMS to build a unique website that is truly yours.

Learn More
Browse All Features

Build a beautiful website faster than ever.

Get Started Now
Get Homebase Theme Now