Page templates
Website, landing, blog and system pages.
HubSpot CMS Theme
Stop rebuilding the same pages from scratch.
A design system for HubSpot CMS. Templates, modules and presets share one set of tokens, so a change in theme settings moves the whole site.
In the download
What you get when you buy it.
widgets
Drag-and-drop modules
Every section is editable in the page editor.
palette
Theme presets
Colour and type switch across the site.
tune
Design tokens
CSS custom properties you can override.
code
Documented source
Commented HubL and reusable partials.
Website page templates covering every page type you need:
- Homepages: 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
Conversion-focused landing pages:
- Lead Generation: Layouts built around a form
- 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 built around a single conversion goal.
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.
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.
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_mode
Light
Geist, white ground, zinc accent. Tight radii and flat cards.
dark_mode
Dark
Inter font, charcoal background, white accent. Elevated cards with a subtle glow. For agencies and studios.
nights_stay
Midnight
Inter font, white background, blue accent. Professional corporate SaaS look. Trustworthy and enterprise-ready.
local_fire_department
Warm
Playfair + Source Sans, cream background, terracotta accent. Editorial style with serif headings. For content-driven brands.
forest
Forest
DM Sans font, off-white background, teal accent. Organic and natural with soft rounded corners. For wellness and eco brands.
tune
Custom
Start from scratch. Define every design token yourself—fonts, colors, spacing, shadows, border radius. Full control via theme settings.
For Developers
Built to be read and extended.
Styling runs on CSS custom properties, so you change a value in theme settings and every module picks it up.
- Documented HubL with reusable partials
- Semantic HTML with landmarks and a skip link
- Module fields drive colour, spacing and type
Icon System
Pick your icon library.
Every icon renders through one shared partial, so the library is a theme setting. Material Symbols is the default, and Font Awesome, Phosphor, Lucide, Heroicons, Bootstrap, Remix, Tabler, HugeIcons and HubSpot Icons are there too. Change it once and every module follows.
rocket_launch
rocket_launch
dashboard
dashboard
analytics
analytics
security
security
cloud_sync
cloud_sync
integration_instructions
integration_instructions
support_agent
support_agent
trending_up
trending_up
Requirements
What you need to use this theme.
hub
HubSpot CMS Required
Works with Starter, Professional, or Enterprise. Free CRM accounts without CMS access cannot use custom themes.
mouse
No Coding Required
All modules are drag-and-drop with visual controls. Marketers can build pages without touching code.
license
One License Per Portal
Each purchase covers one HubSpot account. Contact us for agency volume licensing.
Yes. The full demo is available to explore. Click through all templates and test every preset before purchasing.
Updates and fixes come with the licence. Questions are answered by the people who wrote the theme, in writing. We do not publish a response time we cannot hold to, so we do not quote one.
Ask within fourteen days of purchase, provided the theme is not already live on a public site. Marketplace purchases go through the refund process HubSpot runs.
The theme installs like any HubSpot theme—upload and activate. Documentation covers setup. Paid installation service available if needed.
The theme
Every page on this site is the theme, unmodified.
What you are looking at is what installs. Click through the demo pages first, then buy it from the marketplace listing.
- check_circle Templates, modules and presets share one set of tokens
- check_circle Every section is editable in the page editor
- check_circle Fourteen days to change your mind, before it goes live
The documentation is public. Read it before buying rather than after.