---
title: Studio Nope - Official Hubspot Theme Documentation
description: Studio Nope - Official Hubspot Theme Documentation
---

[Skip to main content](https://www.nopethemes.com/documentation#main-content)

Menu 

Theme docs

[![Logo](https://www.nopethemes.com/hubfs/studio-nope-themes-logo.png)](https://www.nopethemes.com/?hsLang=en)

/

Getting started

[Overview](https://www.nopethemes.com/documentation#overview) [Install the theme](https://www.nopethemes.com/documentation#getting-started-install-the-theme) [Pick a preset](https://www.nopethemes.com/documentation#getting-started-pick-a-preset) [Set your brand colours](https://www.nopethemes.com/documentation#getting-started-set-your-brand-colours) [Set your fonts](https://www.nopethemes.com/documentation#getting-started-set-your-fonts) [Add your logo and favicon](https://www.nopethemes.com/documentation#getting-started-add-your-logo-and-favicon) [Set up the header and footer](https://www.nopethemes.com/documentation#getting-started-set-up-the-header-and-footer) [Build your first page](https://www.nopethemes.com/documentation#getting-started-build-your-first-page) [Before you launch](https://www.nopethemes.com/documentation#getting-started-before-you-launch)

Theme settings

[Preset, header and footer](https://www.nopethemes.com/documentation#settings-preset) [Brand Colors](https://www.nopethemes.com/documentation#settings-colors) [Typography](https://www.nopethemes.com/documentation#settings-typography) [Buttons](https://www.nopethemes.com/documentation#settings-buttons) [Forms](https://www.nopethemes.com/documentation#settings-forms) [Cards](https://www.nopethemes.com/documentation#settings-cards) [Layout & Spacing](https://www.nopethemes.com/documentation#settings-layout) [Animations](https://www.nopethemes.com/documentation#settings-animations) [Icons](https://www.nopethemes.com/documentation#settings-icons) [Icon Fonts](https://www.nopethemes.com/documentation#settings-global-fonts) [Logo strip](https://www.nopethemes.com/documentation#settings-logo-strip) [Design Tokens](https://www.nopethemes.com/documentation#settings-design-tokens) [Components](https://www.nopethemes.com/documentation#settings-components) [Resource Library](https://www.nopethemes.com/documentation#settings-resource-library) [General Style](https://www.nopethemes.com/documentation#settings-general-style)

Design guidelines

[Colour](https://www.nopethemes.com/documentation#design-colour) [Typography](https://www.nopethemes.com/documentation#design-typography) [Spacing and section rhythm](https://www.nopethemes.com/documentation#design-spacing-and-section-rhythm) [Buttons](https://www.nopethemes.com/documentation#design-buttons) [Forms](https://www.nopethemes.com/documentation#design-forms) [Cards](https://www.nopethemes.com/documentation#design-cards) [Heroes](https://www.nopethemes.com/documentation#design-heroes) [Split sections](https://www.nopethemes.com/documentation#design-split-sections) [CTA banners](https://www.nopethemes.com/documentation#design-cta-banners) [Imagery](https://www.nopethemes.com/documentation#design-imagery) [Motion](https://www.nopethemes.com/documentation#design-motion)

Modules

Heroes and banners

[Banner](https://www.nopethemes.com/documentation#module-banner) [Banner slider](https://www.nopethemes.com/documentation#module-banner-slider) [CTA Banner](https://www.nopethemes.com/documentation#module-cta-banner) [Countdown](https://www.nopethemes.com/documentation#module-countdown) [Blog Hero](https://www.nopethemes.com/documentation#module-blog-hero) [Blog post header](https://www.nopethemes.com/documentation#module-blog-post-header)

Text and structure

[Text section with buttons](https://www.nopethemes.com/documentation#module-text-section-with-buttons) [Text section rich](https://www.nopethemes.com/documentation#module-text-section-rich) [Buttons](https://www.nopethemes.com/documentation#module-buttons) [Tabs](https://www.nopethemes.com/documentation#module-tabs) [Accordion](https://www.nopethemes.com/documentation#module-accordion) [Extra section settings](https://www.nopethemes.com/documentation#module-extra-section-settings) [Modal](https://www.nopethemes.com/documentation#module-modal) [Fixed button](https://www.nopethemes.com/documentation#module-fixed-button)

Features and media

[Feature Grid](https://www.nopethemes.com/documentation#module-feature-grid) [List with icons](https://www.nopethemes.com/documentation#module-list-with-icons) [Steps](https://www.nopethemes.com/documentation#module-steps) [Timeline](https://www.nopethemes.com/documentation#module-timeline) [Stats](https://www.nopethemes.com/documentation#module-stats) [Images list](https://www.nopethemes.com/documentation#module-images-list) [Images gallery](https://www.nopethemes.com/documentation#module-images-gallery) [Portfolio Grid](https://www.nopethemes.com/documentation#module-portfolio-grid) [Video library](https://www.nopethemes.com/documentation#module-video-library) [Pillar Content](https://www.nopethemes.com/documentation#module-pillar-content)

Proof and people

[Review Sources](https://www.nopethemes.com/documentation#module-review-sources) [Reviews](https://www.nopethemes.com/documentation#module-reviews) [Team members](https://www.nopethemes.com/documentation#module-team-members)

Pricing and comparison

[Pricing Cards](https://www.nopethemes.com/documentation#module-pricing-cards) [Comparison Table](https://www.nopethemes.com/documentation#module-comparison-table) [Comparison Matrix](https://www.nopethemes.com/documentation#module-comparison-matrix)

Resources and help

[Resource Library](https://www.nopethemes.com/documentation#module-resource-library) [Resource Card](https://www.nopethemes.com/documentation#module-resource-card) [FAQs](https://www.nopethemes.com/documentation#module-faqs) [FAQ Library](https://www.nopethemes.com/documentation#module-faq-library) [Docs](https://www.nopethemes.com/documentation#module-docs) [Changelog Entry](https://www.nopethemes.com/documentation#module-changelog-entry) [Recent blog posts](https://www.nopethemes.com/documentation#module-recent-blog-posts) [Social media sharing](https://www.nopethemes.com/documentation#module-social-media-sharing)

Header and footer

[Navigation Pro](https://www.nopethemes.com/documentation#module-navigation-pro) [Navigation](https://www.nopethemes.com/documentation#module-navigation) [Footer Pro](https://www.nopethemes.com/documentation#module-footer-pro) [Footer Slim](https://www.nopethemes.com/documentation#module-footer-slim)

Maps and locations

[Google Map](https://www.nopethemes.com/documentation#module-google-map) [Store Locator](https://www.nopethemes.com/documentation#module-store-locator)

Templates

[Website pages](https://www.nopethemes.com/documentation#templates-website-pages) [Landing pages](https://www.nopethemes.com/documentation#templates-landing-pages) [Blog](https://www.nopethemes.com/documentation#templates-blog) [Section templates](https://www.nopethemes.com/documentation#templates-section-templates) [System pages](https://www.nopethemes.com/documentation#templates-system-pages)

Help

[FAQ](https://www.nopethemes.com/documentation#help-faq) [Troubleshooting](https://www.nopethemes.com/documentation#help-troubleshooting) [Changelog](https://www.nopethemes.com/documentation#changelog)

No articles match. Try a shorter word.

Theme docs

Last updated:

Was this article helpful?

Yes

No

 Thanks for your feedback!

Previous

Next

#### On this page