# Studio Nope — Full Product Reference > Premium HubSpot CMS themes, modules, and developer tools. Studio Nope builds production-ready HubSpot CMS products for B2B, SaaS, and creative companies. Founded by Claudiu, a developer specializing in HubSpot CMS development. Every product is available on the HubSpot Marketplace and built to HubSpot Marketplace standards. --- ## Studio Nope Theme A premium multi-purpose HubSpot CMS theme built for B2B and SaaS companies. - URL: https://studionope.com/nope-theme - Marketplace: https://ecosystem.hubspot.com/marketplace/website/studionope-theme - Type: HubSpot CMS Theme ### Key Stats - 39 page templates - 39 drag-and-drop modules - 6 design presets - Vanilla JavaScript only (no jQuery, no heavy frameworks) - CSS custom properties for all design tokens - Material Symbols icon library (2,500+ icons) - Mobile-first, fully responsive ### Page Templates (39) Homepage (3 variants), Pricing, Comparison, Features, Case Study Detail, Testimonials, Job Listings, Job Detail, Documentation, Changelog, Service Detail, Services, Partners, Resources, Portfolio, Events, Press, Legal, Contact, Demo Booking, About, Appointment, Course, Integrations, Pillar, Team, Video Library, Theme Demo, Blog Post, Blog Listing, and more. ### Modules (39) Accordion, Banner, Banner Slider, Blog Hero, Blog Post Header, Buttons, CTA Banner, Changelog Entry, Comparison Table, Countdown, Docs, Extra Section Settings, FAQs, Feature Grid, Fixed Button, Footer Pro, Footer Slim, Full-Width Cards, Google Map, Images Gallery, Images List, List with Icons, Modal, Navigation Pro, Navigation, Pillar Content, Portfolio Grid, Pricing Cards, Recent Blog Posts, Resource Card, Reviews, Social Media Sharing, Stats, Steps, Tabs, Team Members, Text Section with Buttons, Timeline, Video Library. ### Design Presets (6) 1. Light Mode — Geist font, white background, dark charcoal accent 2. Dark Mode — Inter font, charcoal black background, white accent 3. Midnight Blue — Inter font, white background, vibrant blue accent 4. Warm Neutral — Playfair Display headings + Source Sans body, cream background, terracotta accent 5. Forest Green — DM Sans font, soft off-white background, teal green accent 6. Custom — Full control over all design tokens ### Best For - B2B and SaaS companies on HubSpot CMS - Marketing teams that need to publish without developer help - Small dev teams that want a solid foundation instead of building from scratch - Companies with launch deadlines that cannot wait for a custom build - Teams that have outgrown a starter theme --- ## Atelier Noire A dark-first HubSpot CMS theme for interior design studios, architecture firms, creative agencies, and luxury brands. - URL: https://studionope.com/atelier-noire - Marketplace: https://ecosystem.hubspot.com/marketplace/website/atelier-noire-by-studio-nope-theme-by-studio-nope - Type: HubSpot CMS Theme ### Key Stats - 19 page templates - 25 drag-and-drop modules - 2 design presets (Noir and Blanc) - GSAP + ScrollTrigger animation system - Cormorant Garamond headings + DM Sans body - Fluid typography with clamp() functions - Built-in documentation SPA (33 articles, 8 categories) - Swiper 11 for carousels - Respects prefers-reduced-motion - CSS fallback if GSAP fails to load ### Page Templates (19) Homepage, About, Careers, Contact, Documentation, FAQ, Legal, Portfolio, Pricing, Project Detail, Services, Testimonials, Blog Post, Blog Listing, Landing Pages, and more. Plus landing page variants without header/footer. ### Modules (25) Before After, Blog Post Header, CTA Banner, Cards, Contact Form, Docs, Editorial Grid, FAQ, Footer, Hero Editorial, Image Gallery, Image Showcase, Marquee Ticker, Navigation Menu, Navigation, Portfolio Grid, Pricing Cards, Process Steps, Related Articles, Services Section, Stats, Team Grid, Testimonials, Text Block, Video Embed. ### Design Presets (2) 1. Noir (Default) — Near-black background (#0b0b0b), warm gold accent (#d4a853), off-white text (#f2ede8) 2. Blanc — Warm off-white background (#f5f1ec), deeper gold accent (#b8942e), dark brown text (#1a1715) ### Animation System - Parallax scrolling on images and sections - Scroll-triggered reveals via IntersectionObserver - Text splitting by characters or words for staggered animations - Animated counters for stats - Reveal styles: fade-up, fade-in, slide-left, slide-right, scale-in, clip-reveal, reveal-up - Controlled via data attributes (data-animate, data-delay, data-duration, data-split) - CSS fallback after 4 seconds if GSAP fails - Respects prefers-reduced-motion media query ### Best For - Interior design studios - Architecture firms - Creative agencies and branding studios - Luxury and lifestyle brands - Any design-led business where generic SaaS aesthetics undermine the brand --- ## Mega Menu Pro A standalone HubSpot navigation module that works with any theme. - URL: https://studionope.com/mega-menu-pro - Marketplace: https://ecosystem.hubspot.com/marketplace/modules/studio-nope-megamenu-module-by-studio-nope - Type: Standalone HubSpot Module ### Key Features - Up to 10 top-level menu items - 3 menu item types: Simple Link, Dropdown, Mega Menu - Dropdown: up to 10 items with icons, images, titles, descriptions, badges - Mega Menu: 2-4 columns, up to 8 items per column, column titles and descriptions - Featured content sidebar (up to 3 blog posts with thumbnails) - Promotional banner sidebar (eyebrow, title, description, CTA, custom background) - Badge system: Accent, New (green), Beta (purple), Coming Soon (orange) - 5 animation styles: Morph, Fade, Slide Down, Scale, None - Sticky navigation with configurable top margin - Integrated search overlay using HubSpot site search - Up to 2 CTA buttons in the nav bar (Primary, Secondary, Ghost styles) - Language switcher (Localized names or ISO codes) - Full-screen mobile menu - Separate light/dark logo versions - Theme-independent — no theme lock-in ### Menu Item Types 1. Simple Link — Single page or external URL, optional badge 2. Dropdown — Up to 10 items per column, icons/images, titles, descriptions, badges. Actions: navigate, scroll to anchor, open modal 3. Mega Menu — 2-4 columns, 8 items per column, featured content or promo banner sidebar, footer links per column ### Best For - HubSpot CMS sites with more than a handful of pages - Marketing teams who want to feature content or promotions in the menu - Teams running a custom or third-party theme who need better navigation - Multi-language HubSpot sites - Anyone replacing a custom-coded nav with a configurable module --- ## Footer Pro A standalone HubSpot footer module that works with any theme. - URL: https://studionope.com/footer-pro - Marketplace: https://ecosystem.hubspot.com/marketplace/modules/studio-nope-footer-pro-module-by-studio-nope - Type: Standalone HubSpot Module ### Key Features - 6 configurable sections: branding, link columns, contact info, social media, app store badges, legal bottom bar - Up to 6 link columns, 12 links per column - Badge system on links: Accent, New (green), Beta (purple), Soon (orange) - 29 social media platforms supported - Contact section: title, address, email, phone - Apple App Store and Google Play badges - Auto-generated copyright year - Up to 6 legal links - Language switcher (Localized or Page Language modes) - 2 layout options: Standard (logo left, columns right) and Centered - 3 background types: Solid color, Gradient (5 directions), Background image with overlay - Full color customization for every element - Container max width, padding, and divider controls - Separate logo versions for light and dark backgrounds - Theme-independent — no theme lock-in ### Social Platforms (29) Facebook, X (Twitter), LinkedIn, Instagram, YouTube, TikTok, GitHub, Dribbble, Behance, Pinterest, Snapchat, Reddit, Discord, Telegram, WhatsApp, Threads, Spotify, Twitch, Medium, Substack, Mastodon, Bluesky, Slack, Vimeo, SoundCloud, Tumblr, Flickr, Email, RSS. ### Best For - Marketing teams managing HubSpot CMS without dedicated developer support - Agencies building client sites that need professional footers - Companies with complex footer requirements (many link categories, multiple social platforms, multi-language) - Any team tired of theme-level footer limitations --- ## HubL Code Formatter A browser extension that formats HubL code inside the HubSpot design tools editor. - URL: https://studionope.com/hubl-code-formatter - Chrome: https://chromewebstore.google.com/detail/hubl-code-formatter/libbhiboheichaipllbbnohofmankdck - Firefox: https://addons.mozilla.org/en-GB/firefox/addon/hubl-code-formatter/ - Type: Browser Extension (Chrome and Firefox) ### Key Features - One-click formatting for HubL blocks - Consistent indentation and spacing - Works inside the standard HubSpot code editor - No external tools needed ### Best For - HubSpot developers working in the design tools code editor - Anyone editing HubL templates who wants cleaner, more readable code --- ## About Studio Nope Studio Nope is a HubSpot development company founded by Claudiu. The focus is building premium HubSpot CMS products — themes, standalone modules, and developer tools — available on the HubSpot Marketplace. The development approach prioritizes: - Clean, maintainable code - Vanilla JavaScript (no heavy dependencies) - HubSpot Marketplace standards compliance - Mobile-first responsive design - Performance and page speed - Drag-and-drop editing for marketing teams ### Links - Website: https://studionope.com - Blog: https://studionope.com/blog - Themes: https://studionope.com/themes - Modules: https://studionope.com/modules - Tools: https://studionope.com/tools - Contact: https://studionope.com/contact