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.
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.
Everything you need to build a complete website.
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 font, white background, zinc accent. Clean and minimal like shadcn/Vercel. Perfect for tech products and SaaS.
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.
FAQ
Questions before you buy.
Can I try before I buy? expand_more
Yes. The full demo is available to explore. Click through all templates and test every preset before purchasing.
What support is included? expand_more
6 months of support and updates. We respond to questions within 24 hours on business days.
Can I get a refund? expand_more
Yes. 14-day money-back guarantee if the theme does not meet your needs.
Do you offer installation help? expand_more
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.