Skip to main content
Last modified: August 22, 2025
When building on the HubSpot CMS, you can use the design manager tool to create and manage classic HubL + HTML assets such as templates and modules, as well as CSS and JavaScript files. The design manager is also where you’ll find the code for your account’s default themes and modules, which you can pull down to your local environment using the hs fetch command. The design manager can be found by navigating to Content > Design Manager in your account’s main navigation bar.
CMS assets built with developer projects, such as React modules, will not appear in the design manager. This includes any HubSpot default modules built with React, like the latest version of the post listing module. Instead, you’ll need to create and manage those assets locally via the HubSpot CLI.
Screenshot of HubSpot Design Manager
Check out HubSpot’s Knowledge Base for a comprehensive overview of the design manager and its various components.

​
Default modules and themes

In the design manager, the @hubspot folder contains default modules and themes that you can import into your content or clone for customization.
Screenshot of the @hubspot folder in the design manager
You can reference these assets in your own code by importing them by their path, starting with @hubspot. For example, to include the default pagination module in a template, you would add the following code to the dnd_row where you want to add the module: 
 {% dnd_module path="@hubspot/pagination" %}
 {% end_dnd_module %}
See HubSpot’s CMS boilerplate blog index template for a full example. To download these default assets to your local environment, use the hs fetch command and specify the asset path, which you can get by right-clicking the asset in the design manager and selecting Copy path.
Screenshot of the copy path option in the design manager
hs fetch /@hubspot/blog_comments.module

​
Design manager settings

The design manager has basic IDE settings you can configure to make the experience fit you and your workflows. A settings button appears adjacent to the help button in the bottom bar and can be used to configure the settings. You can configure settings for:
  • Editor theme
  • Font
  • Tab size
  • Indent unit
  • Soft tabs
  • Smart Indent
  • Indent on formatting input
  • Indent with tabs
  • Line wrapping
  • Auto close brackets
  • Match brackets
  • Match tags
  • ESLint
See HubSpot’s Knowledge Base for a breakdown of the settings for more information.
Screenshot of design manager settings screen