---
title: Get started with the design manager
description: HubSpot's design manager combines all the tools that designers need to build beautiful and responsive websites, while still giving marketers flexibility to create and edit content in an intuitive inte
---

[Skip to content](https://test.mycompanywebsite.org/migration/en/knowledge/get-started-with-the-design-manager#main-content)

English

Show submenu for translations

![HubSpot\_Logo\_2x.png?t=1494351985594&width=125&height=46&name=HubSpot\_Logo\_2x.png\]](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Support_Images/HubSpot_Logo_2x.png?t=1494351985594&width=125&height=46&name=HubSpot_Logo_2x.png)

- [Home](https://test.mycompanywebsite.org/)
- [About Us](https://test.mycompanywebsite.org/about-us)
- [Contact Us](https://test.mycompanywebsite.org/contact-us)
- [Default HubSpot Blog](https://test.mycompanywebsite.org/)

Open main navigation

Close main navigation

- [Home](https://test.mycompanywebsite.org/)
- [About Us](https://test.mycompanywebsite.org/about-us)
- [Contact Us](https://test.mycompanywebsite.org/contact-us)
- [Default HubSpot Blog](https://test.mycompanywebsite.org/)
- English
  
  Show submenu for translations
- Contact us

 Contact us

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://test.mycompanywebsite.org/migration/en/knowledge?hsLang=en)
2. [Templates and Files](https://test.mycompanywebsite.org/migration/en/knowledge/templates-and-files?hsLang=en)
3. [Design Tools](https://test.mycompanywebsite.org/migration/en/knowledge/templates-and-files?hsLang=en#design-tools)

# Get started with the design manager

HubSpot's design manager combines all the tools that designers need to build beautiful and responsive websites, while still giving marketers flexibility to create and edit content in an intuitive interface. 

This guide provides a list of resources to get started with the design manager. For design inspiration, find customer examples on the [Academy blog](https://academy.hubspot.com/examples) and our [Designers Forum](https://designers.hubspot.com/inspire). 

Web developers can see [Designers Documentation](https://designers.hubspot.com/docs) for reference, or check out the [CMS Discovery Kit](https://designers.hubspot.com/discoverykit) to get started with custom development. For custom design help, work with a [HubSpot Partner](https://www.hubspot.com/agencies?service=website_design) or post on the [Design Forum](https://community.hubspot.com/t5/CMS-Development/bd-p/designers_support).

- [A quick tour of the design manager](https://knowledge.hubspot.com/articles/kcs_article/cos-general/a-quick-tour-of-the-design-manager)
- [Create page, email, and blog templates in the layout editor](https://knowledge.hubspot.com/articles/kcs_article/cos-general/create-page-email-and-blog-templates-in-the-layout-editor)
- [Structure and customize template layouts](https://knowledge.hubspot.com/articles/kcs_article/structure-and-customize-template-layouts)
- [Set up your site's navigation menus](https://knowledge.hubspot.com/articles/kcs_article/cos-general/set-up-your-site-s-navigation-menus)
- [Upload your site assets to file manager](https://knowledge.hubspot.com/articles/kcs_article/cos-general/upload-your-site-assets-to-file-manager)
- [Use default modules in your template](https://knowledge.hubspot.com/articles/kcs_article/cos-general/use-default-modules-in-your-template)
- [Add default content to your template](https://knowledge.hubspot.com/articles/kcs_article/cos-general/add-default-content-to-your-template)
- [Use the inspector to style your template](https://knowledge.hubspot.com/articles/kcs_article/cos-general/use-the-inspector-to-style-your-template)
- [Create, edit, and attach CSS files to style your site](https://knowledge.hubspot.com/articles/kcs_article/cos-general/create-edit-and-attach-css-files-to-style-your-site)
- [Use global content across multiple templates](https://knowledge.hubspot.com/articles/kcs_article/cos-general/use-global-content-across-multiple-templates)
- [Use system templates to customize error, subscription, and password prompt pages](https://knowledge.hubspot.com/articles/kcs_article/cos-general/use-system-templates-to-customize-error-subscription-and-password-prompt-pages)
- [Create and edit modules](https://knowledge.hubspot.com/articles/kcs_article/cos-general/create-and-edit-modules)
- [Build a custom coded template in HubSpot](https://knowledge.hubspot.com/articles/kcs_article/cos-general/build-a-custom-coded-template-in-hubspot)
- [Add a Javascript file to HubSpot](https://knowledge.hubspot.com/articles/kcs_article/cos-general/add-a-javascript-file-to-hubspot)
- [Design manager frequently asked questions](https://knowledge.hubspot.com/articles/kcs_article/cos-general/design-manager-frequently-asked-questions)

- [Get Started](https://test.mycompanywebsite.org/migration/en/knowledge/get-started?hsLang=en)
- [Account](https://test.mycompanywebsite.org/migration/en/knowledge/account?hsLang=en#main-content)

    - [Account Settings](https://test.mycompanywebsite.org/migration/en/knowledge/account?hsLang=en#account-settings)
    - [Billing](https://test.mycompanywebsite.org/migration/en/knowledge/account?hsLang=en#billing)
    - [Domains & URLs](https://test.mycompanywebsite.org/migration/en/knowledge/account?hsLang=en#domains-urls)
- [Automation](https://test.mycompanywebsite.org/migration/en/knowledge/automation?hsLang=en#main-content)

    - [Workflows](https://test.mycompanywebsite.org/migration/en/knowledge/automation?hsLang=en#workflows)
    - [Sequences](https://test.mycompanywebsite.org/migration/en/knowledge/automation?hsLang=en#sequences)
- [Contacts](https://test.mycompanywebsite.org/migration/en/knowledge/contacts?hsLang=en#main-content)

    - [Lists](https://test.mycompanywebsite.org/migration/en/knowledge/contacts?hsLang=en#lists)
    - [Contacts](https://test.mycompanywebsite.org/migration/en/knowledge/contacts?hsLang=en#contacts)
    - [Companies](https://test.mycompanywebsite.org/migration/en/knowledge/contacts?hsLang=en#companies)
- [Conversations](https://test.mycompanywebsite.org/migration/en/knowledge/conversations?hsLang=en#main-content)

    - [Inbox](https://test.mycompanywebsite.org/migration/en/knowledge/conversations?hsLang=en#inbox)
    - [Snippets](https://test.mycompanywebsite.org/migration/en/knowledge/conversations?hsLang=en#snippets)
    - [Templates](https://test.mycompanywebsite.org/migration/en/knowledge/conversations?hsLang=en#templates)
    - [Chatflows](https://test.mycompanywebsite.org/migration/en/knowledge/conversations?hsLang=en#chatflows)
- [Connected Email](https://test.mycompanywebsite.org/migration/en/knowledge/connected-email?hsLang=en#main-content)

    - [Office 365](https://test.mycompanywebsite.org/migration/en/knowledge/connected-email?hsLang=en#office-365)
    - [IMAP](https://test.mycompanywebsite.org/migration/en/knowledge/connected-email?hsLang=en#imap)
    - [Chrome Extension](https://test.mycompanywebsite.org/migration/en/knowledge/connected-email?hsLang=en#chrome-extension)
    - [Outlook Add-in](https://test.mycompanywebsite.org/migration/en/knowledge/connected-email?hsLang=en#outlook-add-in)
- [Sales](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#main-content)

    - [Calling](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#calling)
    - [Deals](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#deals)
    - [Documents](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#documents)
    - [Meetings](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#meetings)
    - [Products & Quotes](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#products-quotes)
    - [Tasks](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#tasks)
    - [Playbooks](https://test.mycompanywebsite.org/migration/en/knowledge/sales?hsLang=en#playbooks)
- [Integrations](https://test.mycompanywebsite.org/migration/en/knowledge/integrations?hsLang=en#main-content)

    - [Salesforce](https://test.mycompanywebsite.org/migration/en/knowledge/integrations?hsLang=en#salesforce)
- [Service](https://test.mycompanywebsite.org/migration/en/knowledge/service?hsLang=en#main-content)

    - [Customer Feedback](https://test.mycompanywebsite.org/migration/en/knowledge/service?hsLang=en#customer-feedback)
    - [Tickets](https://test.mycompanywebsite.org/migration/en/knowledge/service?hsLang=en#tickets)
    - [Knowledge Base](https://test.mycompanywebsite.org/migration/en/knowledge/service?hsLang=en#knowledge-base)
- [Marketing](https://test.mycompanywebsite.org/migration/en/knowledge/marketing?hsLang=en#main-content)

    - [Ads](https://test.mycompanywebsite.org/migration/en/knowledge/marketing?hsLang=en#ads)
    - [CTAs](https://test.mycompanywebsite.org/migration/en/knowledge/marketing?hsLang=en#ctas)
    - [Forms](https://test.mycompanywebsite.org/migration/en/knowledge/marketing?hsLang=en#forms)
    - [Social](https://test.mycompanywebsite.org/migration/en/knowledge/marketing?hsLang=en#social)
    - [Smart Content](https://test.mycompanywebsite.org/migration/en/knowledge/marketing?hsLang=en#smart-content)
- [Email](https://test.mycompanywebsite.org/migration/en/knowledge/email?hsLang=en)
- [Landing Pages and Website Pages](https://test.mycompanywebsite.org/migration/en/knowledge/landing-pages-and-website-pages?hsLang=en)
- [Templates and Files](https://test.mycompanywebsite.org/migration/en/knowledge/templates-and-files?hsLang=en#main-content)

    - [Design Tools](https://test.mycompanywebsite.org/migration/en/knowledge/templates-and-files?hsLang=en#design-tools)
    - [Files](https://test.mycompanywebsite.org/migration/en/knowledge/templates-and-files?hsLang=en#files)
    - [HubDB](https://test.mycompanywebsite.org/migration/en/knowledge/templates-and-files?hsLang=en#hubdb)
- [Planning and Strategy](https://test.mycompanywebsite.org/migration/en/knowledge/planning-and-strategy?hsLang=en#main-content)

    - [Calendar](https://test.mycompanywebsite.org/migration/en/knowledge/planning-and-strategy?hsLang=en#calendar)
    - [Campaigns](https://test.mycompanywebsite.org/migration/en/knowledge/planning-and-strategy?hsLang=en#campaigns)
    - [SEO](https://test.mycompanywebsite.org/migration/en/knowledge/planning-and-strategy?hsLang=en#seo)
- [Reports](https://test.mycompanywebsite.org/migration/en/knowledge/reports?hsLang=en#main-content)

    - [Analytics Tools](https://test.mycompanywebsite.org/migration/en/knowledge/reports?hsLang=en#analytics-tools)
    - [Custom Reports](https://test.mycompanywebsite.org/migration/en/knowledge/reports?hsLang=en#custom-reports)
    - [Dashboard](https://test.mycompanywebsite.org/migration/en/knowledge/reports?hsLang=en#dashboard)
- [Partner Tools](https://test.mycompanywebsite.org/migration/en/knowledge/partner-tools?hsLang=en)
- [Resources](https://test.mycompanywebsite.org/migration/en/knowledge/resources?hsLang=en#main-content)

    - [Academy](https://test.mycompanywebsite.org/migration/en/knowledge/resources?hsLang=en#academy)
    - [Support](https://test.mycompanywebsite.org/migration/en/knowledge/resources?hsLang=en#support)

- [Home](https://test.mycompanywebsite.org/)
- [About Us](https://test.mycompanywebsite.org/about-us)
- [Contact Us](https://test.mycompanywebsite.org/contact-us)
- [Default HubSpot Blog](https://test.mycompanywebsite.org/)

[![](https://knowledge.hubspot.com/hs-fs/hubfs/Knowledge_Base_Images/Support_Images/HubSpot_Logo_2x.png?t=1494351985594&width=125&height=46&name=HubSpot_Logo_2x.png)](https://test.mycompanywebsite.org/?hsLang=en)

knowledgeteamstaging.com Help Center

Copyright © 2026, HubSpot Inc