--- title: Studio Nope - Official Hubspot Theme description: Studio Nope - Official Hubspot Theme image: https://www.nopethemes.com/hubfs/marketplace-thumbnail.png --- [Skip to main content](https://www.nopethemes.com/compat-test-theme-demo#main-content) [![StudioNope Themes](https://www.nopethemes.com/hs-fs/hubfs/studio-nope-themes-logo.png?width=140&name=studio-nope-themes-logo.png)](https://www.nopethemes.com/?hsLang=en) - Home - Pages - Resources - Landing Pages - [Pricing](https://www.nopethemes.com/pricing?hsLang=en) [Book Demo](https://www.nopethemes.com/demo?hsLang=en) [Homepage Main landing page](https://www.nopethemes.com/?hsLang=en) [Homepage 2 Alternative layout](https://www.nopethemes.com/homepage-2?hsLang=en) [Homepage 3 Minimal design](https://www.nopethemes.com/homepage-3?hsLang=en) Company [About Us Our story](https://www.nopethemes.com/about?hsLang=en) [Team Meet the team](https://www.nopethemes.com/team?hsLang=en) [Careers Hiring Join us](https://www.nopethemes.com/careers?hsLang=en) [Press News & media](https://www.nopethemes.com/press?hsLang=en) [Partners Our partners](https://www.nopethemes.com/partners?hsLang=en) [Changelog Product updates](https://www.nopethemes.com/changelog?hsLang=en) Products & Services [Features All features](https://www.nopethemes.com/features?hsLang=en) [Product Product details](https://www.nopethemes.com/product?hsLang=en) [Services Our services](https://www.nopethemes.com/services?hsLang=en) [Integrations Connect tools](https://www.nopethemes.com/integrations?hsLang=en) [Comparison Compare plans](https://www.nopethemes.com/comparison?hsLang=en) Social Proof [Case Studies Success stories](https://www.nopethemes.com/case-studies?hsLang=en) [Testimonials What clients say](https://www.nopethemes.com/testimonials?hsLang=en) [Portfolio Our work](https://www.nopethemes.com/portfolio?hsLang=en) Contact [Contact Us Send a message](https://www.nopethemes.com/contact?hsLang=en) [Book a Demo Schedule a call](https://www.nopethemes.com/demo?hsLang=en) [Appointment Book time](https://www.nopethemes.com/demo?hsLang=en) [Events Upcoming events](https://www.nopethemes.com/events?hsLang=en) Learn [Blog Articles & insights](https://www.nopethemes.com/blog?hsLang=en) [Documentation Guides & API docs](https://www.nopethemes.com/documentation?hsLang=en) [FAQs Common questions](https://www.nopethemes.com/faqs?hsLang=en) [Courses New Video training](https://www.nopethemes.com/courses?hsLang=en) Media [Video Library Watch tutorials](https://www.nopethemes.com/video-library?hsLang=en) [Resources eBooks & guides](https://www.nopethemes.com/resources?hsLang=en) [Pillar Page In-depth guides](https://www.nopethemes.com/pillar?hsLang=en) Legal [Privacy Policy How we handle data](https://www.nopethemes.com/privacy-policy?hsLang=en) [Terms of Service Usage terms](https://www.nopethemes.com/terms-of-service?hsLang=en) [Cookie Policy Cookie usage](https://www.nopethemes.com/cookie-policy?hsLang=en) From the Blog [Product Announcing our latest feature updates](https://www.nopethemes.com/blog?hsLang=en) [Tutorial Getting started with integrations](https://www.nopethemes.com/blog?hsLang=en) Lead Generation [eBook Download Gated content](https://www.nopethemes.com/ebook?hsLang=en) [Webinar Signup Event registration](https://www.nopethemes.com/webinar?hsLang=en) [Waitlist Pre-launch signup](https://www.nopethemes.com/waitlist?hsLang=en) Conversion [Free Trial Start free](https://www.nopethemes.com/free-trial?hsLang=en) [Conversion 1 Simple layout](https://www.nopethemes.com/conversion-1?hsLang=en) [Conversion 2 With features](https://www.nopethemes.com/conversion-2?hsLang=en) More Templates [Conversion 3 Bold design](https://www.nopethemes.com/conversion-3?hsLang=en) [Conversion 4 Trust-focused](https://www.nopethemes.com/conversion-4?hsLang=en) Search... - Home [Homepage](https://www.nopethemes.com/?hsLang=en) [Homepage 2](https://www.nopethemes.com/homepage-2?hsLang=en) [Homepage 3](https://www.nopethemes.com/homepage-3?hsLang=en) - Pages Company [About Us](https://www.nopethemes.com/about?hsLang=en) [Team](https://www.nopethemes.com/team?hsLang=en) [Careers Hiring](https://www.nopethemes.com/careers?hsLang=en) [Press](https://www.nopethemes.com/press?hsLang=en) [Partners](https://www.nopethemes.com/partners?hsLang=en) [Changelog](https://www.nopethemes.com/changelog?hsLang=en) Products & Services [Features](https://www.nopethemes.com/features?hsLang=en) [Product](https://www.nopethemes.com/product?hsLang=en) [Services](https://www.nopethemes.com/services?hsLang=en) [Integrations](https://www.nopethemes.com/integrations?hsLang=en) [Comparison](https://www.nopethemes.com/comparison?hsLang=en) Social Proof [Case Studies](https://www.nopethemes.com/case-studies?hsLang=en) [Testimonials](https://www.nopethemes.com/testimonials?hsLang=en) [Portfolio](https://www.nopethemes.com/portfolio?hsLang=en) Contact [Contact Us](https://www.nopethemes.com/contact?hsLang=en) [Book a Demo](https://www.nopethemes.com/demo?hsLang=en) [Appointment](https://www.nopethemes.com/demo?hsLang=en) [Events](https://www.nopethemes.com/events?hsLang=en) - Resources Learn [Blog](https://www.nopethemes.com/blog?hsLang=en) [Documentation](https://www.nopethemes.com/documentation?hsLang=en) [FAQs](https://www.nopethemes.com/faqs?hsLang=en) [Courses New](https://www.nopethemes.com/courses?hsLang=en) Media [Video Library](https://www.nopethemes.com/video-library?hsLang=en) [Resources](https://www.nopethemes.com/resources?hsLang=en) [Pillar Page](https://www.nopethemes.com/pillar?hsLang=en) Legal [Privacy Policy](https://www.nopethemes.com/privacy-policy?hsLang=en) [Terms of Service](https://www.nopethemes.com/terms-of-service?hsLang=en) [Cookie Policy](https://www.nopethemes.com/cookie-policy?hsLang=en) - Landing Pages Lead Generation [eBook Download](https://www.nopethemes.com/ebook?hsLang=en) [Webinar Signup](https://www.nopethemes.com/webinar?hsLang=en) [Waitlist](https://www.nopethemes.com/waitlist?hsLang=en) Conversion [Free Trial](https://www.nopethemes.com/free-trial?hsLang=en) [Conversion 1](https://www.nopethemes.com/conversion-1?hsLang=en) [Conversion 2](https://www.nopethemes.com/conversion-2?hsLang=en) More Templates [Conversion 3](https://www.nopethemes.com/conversion-3?hsLang=en) [Conversion 4](https://www.nopethemes.com/conversion-4?hsLang=en) - [Pricing](https://www.nopethemes.com/pricing?hsLang=en) [Book Demo](https://www.nopethemes.com/demo?hsLang=en) HubSpot CMS Theme # Stop rebuilding the same pages from scratch. A complete design system for HubSpot. 50 templates, 37 modules, 6 presets. Everything connects. Everything scales. [View Demo](https://www.nopethemes.com/homepage-1?hsLang=en) [Purchase Theme](https://www.nopethemes.com/compat-test-theme-demo#pricing) ![marketplace-thumbnail](https://www.nopethemes.com/hubfs/raw_assets/public/studio-nope-theme/images/marketplace-thumbnail-hero.jpg) 50 Page Templates 32 website + 7 landing + 4 blog + 7 system 37 Modules Fully configurable components 6 Theme Presets One-click style switching 200+ Design Tokens Colors, spacing, typography 98+ PageSpeed Score Desktop, on every page under 600KB ## Everything you need to build a complete website. Website Pages Landing Pages Blog System Pages Modules Sections **32 templates** covering every page type you need: - **Homepages:** 3 variants for different business types - **Company:** About, Team, Careers, Jobs listing, Job detail - **Services:** Overview + detail pages - **Portfolio:** Grid view, case studies - **Product:** Features, Pricing, Comparison, Integrations - **Resources:** Blog, Docs, Video library, FAQ, Resource hub - **Contact:** Contact form, Appointment booking, Demo request - **Legal:** Privacy policy, Terms, Changelog **8 conversion-focused templates:** - **Lead Generation:** 4 high-converting layouts with forms - **Ebook Download:** Resource gating with image + form - **Webinar Registration:** Event signup with countdown - **Free Trial:** SaaS signup with feature highlights - **Waitlist:** Coming soon / product launch Each template is optimized for a specific conversion goal with distraction-free layouts. **6 blog templates:** - **Blog Listing:** Filterable post grid with pagination - **Blog Post:** Clean reading experience with TOC sidebar - **Author Page:** Author bio with their posts - **Tag Page:** Posts filtered by tag - **Search Results:** Blog-specific search - **Recent Posts Module:** Embed anywhere **Essential system templates:** - **404 Error:** Branded not-found page - **Password Prompt:** Gated content access - **Search Results:** Site-wide search - **Subscription Preferences:** Email preferences center - **Email Templates:** Transactional email styling All system pages match your theme styling automatically. **37 drag-and-drop modules:** - **Content:** Banner, Text Section, Rich Text, Stats, Timeline, Steps, Accordion, Tabs, FAQs - **Media:** Image Gallery, Video Library, Logo Cloud, Portfolio Grid - **Conversion:** CTA Banner, Pricing Cards, Comparison Table, Feature Grid - **Social Proof:** Reviews, Team Members, Client Logos - **Navigation:** Header, Footer, Mega Menu, Breadcrumbs - **Utility:** Countdown, Form, Search, Social Links Every module is fully configurable with layout options, style variants, and responsive settings. **Pre-built section partials:** - **Hero variants:** Simple, with form, with media, full-width - **CTA banners:** Dark, accent, gradient options - **Team sections:** Grid layouts with bios - **Testimonial sections:** Cards, carousel, featured - **Feature sections:** Icon grids, alternating layout Sections are reusable building blocks. Include them with one line of HubL and pass custom content. Design System ## Change one setting, update everything. Built on CSS custom properties. Colors, typography, spacing, shadows, and border radius all flow from a central source. Switch between presets instantly, or build your own from scratch using the theme settings panel. ![Design system](https://www.nopethemes.com/hubfs/raw_assets/public/studio-nope-theme/images/templates/helper-img-2.jpg) 6 Theme Presets ## One click to completely transform your site. Each preset defines colors, typography, spacing, shadows, and button styles. Switch between them instantly in theme settings, or use Custom to build your own from scratch. ### Light Geist font, white background, zinc accent. Clean and minimal like shadcn/Vercel. Perfect for tech products and SaaS. ### Dark Inter font, charcoal background, white accent. Premium feel with elevated cards and subtle glow. For agencies and studios. ### Midnight Inter font, white background, blue accent. Professional corporate SaaS look. Trustworthy and enterprise-ready. ### Warm Playfair + Source Sans, cream background, terracotta accent. Editorial style with serif headings. For content-driven brands. ### Forest DM Sans font, off-white background, teal accent. Organic and natural with soft rounded corners. For wellness and eco brands. ### Custom Start from scratch. Define every design token yourself—fonts, colors, spacing, shadows, border radius. Full control via theme settings. For Developers ## Clean code, documented, and fast. Vanilla JS wherever possible. 200+ CSS custom properties you can override. - Documented HubL with reusable partials - Semantic HTML with WCAG-compliant contrast - Structured data built into the modules [Read the documentation](https://www.nopethemes.com/documentation?hsLang=en) [See pricing](https://www.nopethemes.com/pricing?hsLang=en) ![Studio Nope theme — built for developers](https://www.nopethemes.com/hs-fs/hubfs/raw_assets/public/studio-nope-theme/images/templates/helper-img-4.jpg?width=880&name=helper-img-4.jpg "Studio Nope theme — built for developers") 2,500+ Icons ## Material Symbols. Fully configurable. Every icon in the theme uses Google Material Symbols—a variable icon font with adjustable weight, fill, grade, and optical size. Each preset defines its own icon style. Light uses thin outlined icons. Dark uses filled icons. Warm uses light-weight editorial icons. You control the look. ### rocket\_launch ### dashboard ### analytics ### security ### cloud\_sync ### integration\_instructions ### support\_agent ### trending\_up Requirements ## What you need to use this theme. ### HubSpot CMS Required Works with Starter, Professional, or Enterprise. Free CRM accounts without CMS access cannot use custom themes. ### No Coding Required All modules are drag-and-drop with visual controls. Marketers can build pages without touching code. ### One License Per Portal Each purchase covers one HubSpot account. Contact us for agency volume licensing. FAQ ## Questions before you buy. FAQ ## Questions, answered. Anything else? Ask us and a real person replies within one working day. Can I try before I buy? Yes. The full demo is available to explore. Click through all templates and test every preset before purchasing. What support is included? 6 months of support and updates. We respond to questions within 24 hours on business days. Can I get a refund? Yes. 14-day money-back guarantee if the theme does not meet your needs. Do you offer installation help? The theme installs like any HubSpot theme—upload and activate. Documentation covers setup. Paid installation service available if needed. ## Ready to see it in action? Explore the full demo or purchase the theme today. [Purchase Theme](https://www.nopethemes.com/contact?hsLang=en) [![StudioNope Themes](https://www.nopethemes.com/hs-fs/hubfs/studio-nope-themes-logo.png?width=140&name=studio-nope-themes-logo.png)](https://www.nopethemes.com/?hsLang=en) Websites for service businesses that win on trust. Designed, built and improved every month. #### Company - [About Us](https://nopethemes.com/about?hsLang=en) - [Team](https://nopethemes.com/team?hsLang=en) - [Careers Hiring](https://nopethemes.com/careers?hsLang=en) - [Press](https://nopethemes.com/press?hsLang=en) - [Partners](https://nopethemes.com/partners?hsLang=en) - [Events](https://nopethemes.com/events?hsLang=en) #### Product - [Features](https://nopethemes.com/features?hsLang=en) - [Pricing](https://nopethemes.com/pricing?hsLang=en) - [Comparison](https://nopethemes.com/comparison?hsLang=en) - [Integrations](https://nopethemes.com/integrations?hsLang=en) - [Changelog New](https://nopethemes.com/changelog?hsLang=en) - [Case Studies](https://nopethemes.com/case-studies?hsLang=en) #### Resources - [Blog](https://nopethemes.com/blog?hsLang=en) - [Documentation](https://nopethemes.com/documentation?hsLang=en) - [FAQs](https://nopethemes.com/faqs?hsLang=en) - [Video Library](https://nopethemes.com/video-library?hsLang=en) - [Courses Free](https://nopethemes.com/courses?hsLang=en) - [Testimonials](https://nopethemes.com/testimonials?hsLang=en) #### Templates - [Homepage](https://nopethemes.com/?hsLang=en) - [Landing Pages](https://nopethemes.com/free-trial?hsLang=en) - [Services](https://nopethemes.com/services?hsLang=en) - [Portfolio](https://nopethemes.com/portfolio?hsLang=en) - [Contact](https://nopethemes.com/contact?hsLang=en) - [Demo Request](https://nopethemes.com/demo?hsLang=en) #### Support - [Contact Us](https://nopethemes.com/contact?hsLang=en) - [Book a Demo](https://nopethemes.com/demo?hsLang=en) - [Appointment](https://www.nopethemes.com/demo?hsLang=en) - [Free Trial](https://nopethemes.com/free-trial?hsLang=en) #### Contact - [hello@studionope.com](mailto:hello@studionope.com) © 2026 Studio Nope. All rights reserved. [Privacy Policy](https://nopethemes.com/privacy-policy?hsLang=en) [Terms of Service](https://nopethemes.com/terms-of-service?hsLang=en) [Cookie Policy](https://nopethemes.com/cookie-policy?hsLang=en) [Accessibility](https://nopethemes.com/accessibility?hsLang=en)