HubSpot Marketplace Theme

A Dark-First HubSpot Theme for Interior Design and Creative Agencies

Editorial typography, scroll-triggered animations, and portfolio-ready layouts. Built for brands that need their website to feel as refined as their work.

Get the Theme arrow_outward
Atelier Noire HubSpot theme for interior design and creative agencies

Most HubSpot themes look like SaaS landing pages

You're an interior design studio or a creative agency. Your work is visual, editorial, refined. But every HubSpot theme you find looks like it was built for a B2B SaaS company — bright colors, generic layouts, stock photo grids.

Your website should feel like an extension of your portfolio, not a template someone else's brand outgrew.

A dark HubSpot theme designed for visual-first brands

This dark HubSpot theme starts with rich black backgrounds, gold accents, and editorial serif typography. Every layout is built to showcase visual work — large images, generous whitespace, scroll-triggered reveals.

dark_mode

Dark aesthetic that matches luxury and creative brands.

text_fields

Editorial typography with Cormorant Garamond headings.

animation

GSAP-powered scroll animations with reduced motion support.

What you get

grid_view

19 templates. Every page type covered.

Homepage, About, Services, Portfolio, Project, Contact, Testimonials, FAQ, Legal, Documentation, Blog, Landing Pages, and more. Start from a template that fits or build from scratch.

widgets

25 modules built for creative portfolios

Hero Editorial, Image Showcase, Portfolio Grid, Before & After, Video Embed, Marquee Ticker, and more. Each module named clearly and easy to customize.

Hero Editorial Image Showcase Portfolio Grid Services Process Steps Marquee Ticker Before & After
animation

Scroll-triggered GSAP animations

IntersectionObserver for reveals, GSAP for parallax, text splitting, animated counters, and stagger effects. Includes CSS fallback and prefers-reduced-motion support.

menu_book

Built-in documentation system

A full single-page documentation app with 33 articles across 8 categories. Your clients and team can find answers without emailing you.

Built for

  • check Interior design studios and architects
  • check Creative agencies with portfolio-heavy work
  • check Luxury and lifestyle brands
  • check Photography studios and visual artists
  • check Any brand that needs a dark HubSpot theme with an editorial web presence

Who this theme is for

Atelier Noire is built for brands where visual presentation is the product. Here are the most common use cases.

Interior design studios

A dark-first aesthetic that showcases project photography the way it deserves. Portfolio grid, image gallery, and editorial grid modules are designed for visual work. GSAP parallax and scroll animations add the editorial polish clients expect.

Architecture firms

Project detail pages with full-width imagery, process steps, and team profiles. Noir and Blanc presets for dark or light presentations. Cormorant Garamond typography conveys the sophistication your work demands.

Creative agencies and branding studios

Portfolio-driven layout with scroll-triggered reveals, text splitting animations, and animated counters. 25 modules built for showcasing creative work, not listing software features. Built-in documentation with 33 articles for client handoff.

Luxury and lifestyle brands

Warm gold accent palette with fluid typography. Every animation respects prefers-reduced-motion for accessibility. The Blanc preset flips to a warm ivory background for brands that want editorial elegance without the dark palette.

Questions

What HubSpot tier do I need?

add
CMS Hub Professional or higher, or Marketing Hub Professional with CMS.

Can I use the light (Blanc) preset?

add
Yes. Switch between Noir and Blanc with a single theme setting. Each preset adjusts all colors, typography, and accents cohesively.

Do the animations affect performance?

add
No. Animations use IntersectionObserver and GSAP with lazy loading. CSS fallbacks are included if JavaScript is disabled, and prefers-reduced-motion is respected.

Do you offer support?

add
Yes. Full documentation is included in the theme, plus email support for implementation questions.

Can I customize beyond the two presets?

add
Yes. Colors, fonts, spacing, border radius, and more are all controllable through theme settings.