--- title: Stuff & Matters - Stage Documentation description: Documentation for free HubSpot CMS Hub theme Stage. --- [![stuff-and-matters-logo-white](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "stuff-and-matters-logo-white")](https://www.stuff-n-matters.com/?hsLang=en) - Focus Theme for HubSpot Focus Theme for HubSpot - [Focus](https://www.stuff-n-matters.com/focus) - [Focus Plus](https://www.stuff-n-matters.com/focus-plus) - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison) - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase) - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base) - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation) - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes) - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy) - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program) - [Solutions](https://www.stuff-n-matters.com/solutions) Solutions - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding) - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services) - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing) - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing) - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations) - [Website Development](https://www.stuff-n-matters.com/website-design-and-development) - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics) - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement) - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement) - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting) - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services) - [Blog](https://www.stuff-n-matters.com/blog) - [Career](https://www.stuff-n-matters.com/career) - [Contact](https://www.stuff-n-matters.com/contact) [![https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg")](https://www.stuff-n-matters.com/?hsLang=en) - Focus Theme for HubSpot Focus Theme for HubSpot - [Focus](https://www.stuff-n-matters.com/focus) - [Focus Plus](https://www.stuff-n-matters.com/focus-plus) - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison) - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase) - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base) - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation) - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes) - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy) - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program) - [Solutions](https://www.stuff-n-matters.com/solutions) Solutions - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding) - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services) - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing) - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing) - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations) - [Website Development](https://www.stuff-n-matters.com/website-design-and-development) - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics) - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement) - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement) - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting) - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services) - [Blog](https://www.stuff-n-matters.com/blog) - [Career](https://www.stuff-n-matters.com/career) - [Contact](https://www.stuff-n-matters.com/contact) [![](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-dark.svg)](https://www.stuff-n-matters.com/?hsLang=en) - Focus Theme for HubSpot Focus Theme for HubSpot - [Focus](https://www.stuff-n-matters.com/focus) - [Focus Plus](https://www.stuff-n-matters.com/focus-plus) - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison) - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase) - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base) - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation) - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes) - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy) - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program) - [Solutions](https://www.stuff-n-matters.com/solutions) Solutions - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding) - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services) - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing) - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing) - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations) - [Website Development](https://www.stuff-n-matters.com/website-design-and-development) - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics) - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement) - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement) - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting) - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services) - [Blog](https://www.stuff-n-matters.com/blog) - [Career](https://www.stuff-n-matters.com/career) - [Contact](https://www.stuff-n-matters.com/contact) # Stage Theme Documentation ## Requirements Please ensure that you have a HubSpot account to use this theme. If not, you can visit [this link](https://app.hubspot.com/login) to create a HubSpot account. [Create a HubSpot account](https://app.hubspot.com/login) ## Installation You can either install your theme from HubSpot Asset Marketplace or a .zip file. ### From HubSpot Asset Marketplace If you're installing the theme from HubSpot Asset Marketplace, just click the Install for free button on theme page and then follow the instructions. ### From .zip file If you have a .zip file of your HubSpot CMS theme, please follow the steps below to install it onto your account: 1. Login to your HubSpot account. 2. On the top right, click the **Settings** icon (looks like a gear). 3. Click **Tools \> Website \> Themes** from the left sidebar menu. 4. You'll see the **Upload Theme** button at the top right corner of the screen. Click it and then choose the zip file you've got. If you completed the steps successfully, you should see the theme and its templates when you're creating a new page. To learn more about theme installation, please visit [HubSpot Reference Docs](https://developers.hubspot.com/docs/cms/building-blocks/themes). [Visit HubSpot Reference Docs](https://developers.hubspot.com/docs/cms/building-blocks/themes) ## FAQ Here you can find the answers to frequently asked questions by our customers. ### How can I view "Theme Options"? Navigate to Marketing \> Website \> Website Pages and choose a page to edit. On Edit page screen, switch to Theme tab and then click Edit theme settings button. ## Templates The themehas several ready-to-use page templates for you, as well as the default HubSpot system templates such as Search Results, Password Required Page, Subscription Page etc. ### Home This template has been designed to be used on the homepage of your website. It contains the following sections and modules in order: - Hero slider - 3 column text with image - 1-3 column text - Number counters (Module) - Events - Quote - 3 column text - Call-to-action File location: /templates/home.html ### About When you need to provide some information about you and your team, you can use this template. It contains the following sections and modules in order: - Page title - 2 column text - Team - Tabs (Module) - Media boxes (Module) File location: /templates/about.html ### Services You can provide information about what you do, your services and clients, customer reviews and pricing with this template. It contains the following sections and modules in order: - Page title - Cards (Module) - Testimonials - Clients (Module) - Pricing - Call-to-action File location: /templates/services.html ### Contact You can use this template to create your contact page. It contains the following sections in order: - Page title - Contact info - Questions and answers File location: /templates/contact.html ### Blog Index This is the template for your blog. It contains the following module: - Blog listings (Module) File location: /templates/blog-index.html ### Blog Post For now, HubSpot does not allow to use drag & drop features in blog post templates. So, sections and modules are embedded into the template and you can't access them via the page editor.  File location: /templates/blog-post.html ### Landing Page This is a general landing page template to collect some information about your visitors via a form and reply a couple of frequently asked questions. It contains the following sections in order: - Page title - Quote and form - Questions and answers File location: /templates/landing-page.html ### Landing Page - Coming Soon If your website is under construction, you can welcome your visitors with this template. It contains the following sections and modules in order: - Page title - Countdown timer (Module) - Form with title and text File location: /templates/landing-page-coming-soon.html ### Landing Page - Thank You When visitors submit a form on your website, you can redirect them to a page which has been created with this template. It contains the following sections and modules in order: - Page title - Rich text (Native HubSpot module) - Button (Native HubSpot module) File location: /templates/landing-page-thank-you.html ## Modules The theme has many ready-to-use modules. ### Accordion You can create questions & answers section with this module. When you click on the title, the box expands and an additional text appears. ![accordion](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/accordion.webp?width=350&name=accordion.webp) ### Blog listings You can list your blog posts in various layouts. ![blog-listings](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/blog-listings.webp?width=350&name=blog-listings.webp) ### Breadcrumb Add breadcrumb navigation to your page. ![breadcrumb](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/breadcrumb.webp?width=350&name=breadcrumb.webp) ### Button with link Add a button to your website. ![button](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/button.webp?width=350&name=button.webp) ### Cards Boxed cards with a custom icon, title and some text. Very handy if you're planning to add a section to inform your visitors with your services, features etc. ![cards](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/cards.webp?width=350&name=cards.webp) ### Clients Showcase the logos of your clients in a grid or slider. ![clients](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/clients.webp?width=350&name=clients.webp)![clients-style](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/clients-style.webp?width=350&name=clients-style.webp) ### Countdown timer You can set an exact date or time to countdown. ![countdown-timer](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/countdown-timer.webp?width=350&name=countdown-timer.webp)![countdown-timer-style](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/countdown-timer-style.webp?width=350&name=countdown-timer-style.webp) ### CTA section Create a call-to-action section with up to 2 buttons to attract your visitors. ![cta-section](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/cta-section.webp?width=350&name=cta-section.webp)![cta-section-style](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/cta-section-style.webp?width=350&name=cta-section-style.webp) ### Events A sleek list for your events which includes a title, date and a button which you can redirect to any link. ![events](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/events.webp?width=350&name=events.webp) ### Fancy header If you want to use a heading a bit different from the default ones, you can use this module. ![fancy-header](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/fancy-header.webp?width=350&name=fancy-header.webp)![fancy-header-style](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/fancy-header-style.webp?width=350&name=fancy-header-style.webp) ### Hero slider A hero slider. ![hero-slider](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/hero-slider.webp?width=350&name=hero-slider.webp) ### List A handy module to list some important features. ![list](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/list.webp?width=350&name=list.webp) ### Map Add a Google Map to your website. ![map](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/map.webp?width=350&name=map.webp)![map-style](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/map-style.webp?width=350&name=map-style.webp) ### Media boxes Create shiny boxes with some texts and images. ![media-boxes](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/media-boxes.webp?width=350&name=media-boxes.webp)![media-boxes-style](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/media-boxes-style.webp?width=350&name=media-boxes-style.webp)   ### Number counters Display some stats with counter animation. ![number-counters](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/number-counters.webp?width=350&name=number-counters.webp) ### Portfolio Showcase your work in plenty of layout options from Masonry to custom grids. ![portfolio](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/portfolio.webp?width=350&name=portfolio.webp) ### Pricing cards If you have some different tiers for your products or services, you can use this module to list their features and prices. ![pricing](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/pricing.webp?width=350&name=pricing.webp) ### Quote Some sentences require special treatment. Use this module if you'd like to pop out an important sentence or quote. You can add a name at the bottom of the module, if you wish. ![quote](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/quote.webp?width=350&name=quote.webp) ### Single letter/number A module for only 1 letter or number. Useful when you need to create a list of steps or options from A to F maybe. ![single-letter-number](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/single-letter-number.webp?width=350&name=single-letter-number.webp) ### Social accounts A module to add your popular social accounts to your site. ![social-accounts](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/social-accounts.webp?width=350&name=social-accounts.webp) ### Tabs Add tabbed content to your website. Every tab has a different content. ![tabs](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/tabs.webp?width=350&name=tabs.webp) ### Team members When you need to introduce your team members or some fellows, just use this module. You can add member cards as many as you wish. ![team-members](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/team-members.webp?width=350&name=team-members.webp) ### Testimonials It's very important to let your visitors know about your current clients' thoughts in today's world. With this module, you can insert the reviews in a modern slider. ![testimonials](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/testimonials.webp?width=350&name=testimonials.webp) ### Text with image A multipurpose text section with an optional image and button. ![text-with-image](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/text-with-image.webp?width=350&name=text-with-image.webp) ### Vertical spacer Just a module for adding some free vertical space when needed. You can adjust the height of the empty space. ![vertical-spacer](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/vertical-spacer.webp?width=350&name=vertical-spacer.webp) ### Website footer One module for the entire footer. ![website-footer](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/website-footer.webp?width=350&name=website-footer.webp) ### Website header One module for the entire header. ![website-header](https://19808556.fs1.hubspotusercontent-na1.net/hub/19808556/hubfs/stuff-n-matters/focus-documentation/modules/website-header.webp?width=350&name=website-header.webp)   ## Theme Options To edit a theme setting, please go to Marketing \> Files and Templates \> Design Tools and select the theme from the left hand side. Then click Preview button. There are a bunch of configurations that you can find in theme options. The complete structure is as follows: - Global colors - Primary color - Secondary color - Tertiary color - Primary accent color - Secondary accent color - Header colors - Menu - Menu item - Menu item hover - Active menu item - Submenu background - Submenu item - Submenu item hover - Active submenu item - Submenu item hover background - Icons - Icon - Icon hover - Overlay window - Background - Text - Link - Link hover - Container - Container background - Mobile - Container background - Item color - Item hover color - Body colors - Background color - Text color - Heading color (H1 \> H6) - Link color - Link hover color - Footer colors - Menus - Menu title - Menu item - Menu item hover - Social accounts - Social icon - Social icon hover - Text - Text color - Container - Container background - General view - Borders - Corners - Typography - Primary font - Font - Line height - Letter spacing - Secondary font - Font - Line height - Letter spacing - Body - Font - Font style (size) - Spacing between paragraphs - Links - Link color - Link hover color - Headings (H1 \> H6) - Font - Font style - Buttons - Primary buttons - Text - Font - Font style - Background - Background color - Border - Corner - Hover styles - Text color - Background color - Border - Disabled - Text color - Background color - Forms - Title - Text color - Background color - Body - Text color - Background color - Border - Fields - Text color - Placeholder color - Background color - Border - Labels - Font style - Spacing - Section - Desktop - Vertical spacing between sections - Mobile - Vertical spacing between sections - Content - Maximum content width - Other settings - Visual tweaks - Show slash icon under titles - Blog post - Use infinite blog post - Related posts limit - Related posts column Keep in mind that you'll need to click the Publish to ... assets button at the top right corner of the screen only if you'd like to make changes on all pages that created with the theme. Don't forget to click Apply Changes to let your changes take affect, when needed. You can [visit HubSpot Knowledge Base](https://knowledge.hubspot.com/website-pages/edit-your-global-theme-settings) for more information regarding your theme settings. [Visit HubSpot Knowledge Base](https://knowledge.hubspot.com/website-pages/edit-your-global-theme-settings) ## Copyrights All the images/photographs used in our demo site and all the rights of them belong to their creators/owners. All of them have been collected from either free or paid royalty image providers such as [pixabay](https://pixabay.com/), [Unsplash](https://unsplash.com/), [Pexels](https://www.pexels.com/) and [Freepik](https://www.freepik.com/). ![stuff-and-matters-provider](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-provider.svg "stuff-and-matters-provider") We are proudly an official HubSpot Solution Provider. You can grow better with us. #### Focus Theme - [Focus](https://www.stuff-n-matters.com/focus) - [Focus Plus](https://www.stuff-n-matters.com/focus-plus) - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison) - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase) - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base) - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation) - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes) - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program) #### Solutions - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding) - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services) - [Content & Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing) - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations) - [Website Design & Development](https://www.stuff-n-matters.com/website-design-and-development) - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics) - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement) - [Customer Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement) - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting) - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services) #### Blog Posts - [How to add custom CSS on HubSpot CMS](https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms) - [How to create a child theme in HubSpot](https://www.stuff-n-matters.com/blog/how-to-create-a-child-theme-in-hubspot) - [How to connect Google Analytics](https://www.stuff-n-matters.com/blog/how-to-connect-google-analytics-to-hubspot) - [How to add a Google Map to your website](https://www.stuff-n-matters.com/blog/add-google-maps-with-snazzy-maps-in-hubspot) - [How to clone a HubSpot theme](https://www.stuff-n-matters.com/blog/how-to-clone-a-hubspot-theme) **© 2021-2026 Stuff & Matters, Inc.** Delaware, USA. [Refund Policy](https://www.stuff-n-matters.com/refund-policy?hsLang=en) [Privacy Policy](https://www.stuff-n-matters.com/privacy-policy?hsLang=en) [Terms & Conditions](https://www.stuff-n-matters.com/terms-and-conditions?hsLang=en) [Follow us on Facebook](https://www.linkedin.com/in/kerem-kandirali/)