Documentation

Splash Lite — free HubSpot drag-and-drop theme

Everything you need to install, edit and ship a site with Splash Lite — natively in HubSpot's drag-and-drop editor, no code required.

Splash Lite · 17 modules · 7 sections

Overview

Splash Lite is a complete, free HubSpot CMS theme — not a trial. It ships 17 drag-and-drop modules, 7 reusable sections, 8 page templates and a full set of system pages, including a working blog.

Every module is field-driven: your marketing team edits content in HubSpot's editor without touching code, and the design stays intact. The theme is accessibility-conscious, respects prefers-reduced-motion, and works right-to-left for bilingual sites.

Getting started

1. Install the theme

From the HubSpot Marketplace listing, click Install theme. It lands in Design Manager → @marketplace and becomes available to every new page.

2. Create your first page

Go to Content → Website Pages → Create, then pick a Splash Lite template. Start with Home for a full page, or Blank canvas to compose from scratch.

3. Edit and ship

Click any module to edit its fields. Use Add section to drop in a ready-made group of modules. Set your colours, fonts and spacing once in Theme settings and every page follows.

Tip: set your logo and brand colours in HubSpot's Brand settings first — Splash Lite inherits them automatically, so your first page is on-brand before you edit anything.

Templates

Splash Lite includes 8 page templates plus 7 system pages. Each is a drag-and-drop layout — pick the closest starting point, then add, remove or reorder modules.

  • Home — a full homepage: hero, logo slider, statistics, credentials, testimonials, value narrative, services and CTA.
  • About — hero, value narrative, a statistics band and testimonials.
  • Services — hero, services grid, an image-and-text feature and an FAQ.
  • Case studies — case study cards with a credentials bar and testimonials.
  • Landing page — a focused lead-gen layout with room for a form, video or rich text.
  • Blank canvas — an empty drag-and-drop canvas.
  • Blog listing — a card grid of your posts.
  • Blog post — an article layout with author box and themed comments.

System pages: 404 and 500 errors, password prompt, search results, email subscription preferences, subscription confirmation and backup unsubscribe.

All 17 modules

Every module appears in the editor's Add menu with its own icon, and reads your global theme tokens so styling stays consistent automatically.

Structure (4)

Site headerLogo, navigation menu, CTA button, optional language switcher.
Site footerMulti-column footer with navigation groups, social links and a legal line.
Section headingEyebrow, heading and intro for any section.
Long-form textRich text for articles, policies and long copy.

Content (4)

HeroHeadline, intro, two buttons, trust pills and an optional background image or video.
Image and textSplit layout pairing an image with copy and a CTA.
Services gridIcon cards for services, features or capabilities.
Growth narrativeNumbered story rows for explaining a point of view.

Social proof (4)

Logo sliderContinuous marquee, colour or grayscale, pause on hover.
TestimonialsGrid, slider or carousel, with an optional category toggle.
Recognition countersLarge statistics with captions on a dark band.
Trust barCredential badges with icons.

Conversion (5)

Call to action bandHeading, copy and buttons in a full-width band.
Frequently asked questionsAccessible accordion.
Case studiesCards with challenge, solution and a headline metric.
Pricing tablePlan cards with features, pricing and a highlighted recommendation.
Filterable listingSearchable card grid whose filter dropdowns build themselves from your tags.
Every module has a Background option under its Styles tab — Transparent, Warm, Cool or Dark navy — so you can build an alternating rhythm down the page.

All 7 sections

Sections are pre-composed groups of modules in the Add section picker. Drop one in, then edit each module inside it exactly as you would anywhere else.

  • Hero — full bleed — an edge-to-edge hero.
  • Social proof — logos + testimonials — a logo slider above testimonial cards.
  • Services showcase — a section heading with a services grid.
  • Story feature — image-and-text followed by a narrative block.
  • Results band — recognition counters with a trust badge bar.
  • Frequently asked questions — a heading with an accordion FAQ.
  • CTA banner — a closing call-to-action band.

Sections are starting points, not locked layouts — add or delete modules inside them freely.

Theme settings & tokens

Open Design Manager → Splash Lite → Edit theme settings, or click Theme settings inside any page editor. Changes apply across every page.

GroupControls
ColoursPrimary, secondary, action, deep navy, text, warm and cool backgrounds
TypographyHeading and body fonts, h1–h6 sizes, link and hover colours
ButtonsBackground, text, hover, corner radius
FormsBackground, border, label, field border, button styling
LayoutContainer width, section spacing, card corner radius
Header & footerBackground, text and logo controls

Primary colour, secondary colour and the header logo inherit from your HubSpot brand settings by default, so a new install matches your brand immediately. Override any of them at any time.

Blog setup

Splash Lite ships a blog listing and a blog post template. In Settings → Content → Blog, set the listing template to Blog listing and the post template to Blog post.

Post cards pull their image, title, summary, date and tags automatically. Comments and the author box are styled to match the theme.

Lite also includes the Filterable listing module — a searchable card grid whose filter dropdowns build themselves from your tags. Tag items as Dimension: Value (for example Topic: RevOps); Splash reads the part before the colon as the filter name and the part after it as the option. Dimensions with no matches hide themselves.

RTL & bilingual sites

Splash Lite is built with CSS logical properties, so it mirrors correctly in right-to-left languages such as Hebrew and Arabic — no separate stylesheet.

Create a language variant of any page in HubSpot and set its language; the layout flips automatically. Add the language switcher in the site header so visitors can move between versions. No interface text is hard-coded — every label is an editable field.

Upgrading to full Splash

Splash Lite is the free edition — a complete theme with 17 modules, 7 sections and a full blog. The paid Splash theme adds 40 modules, 20 sections and 20 page templates, including:

  • A filterable blog listing wired into the blog templates, plus blog featured, categories and table-of-contents modules
  • A feature comparison matrix to sit alongside your pricing table
  • Revenue calculator and maturity assessment
  • Team grid, process timeline, tabs, integration map, funnel visualisation and more
  • Case study, event, resources, contact, team and webinar landing page templates

Your content carries over — it is the same module family.

See Splash

Updates

Theme updates arrive through the HubSpot Marketplace. Your page content is never overwritten — updates apply to the theme's code, not to the content you have entered.

If you edit the theme's code directly, HubSpot treats it as a fork and it stops receiving update-safe changes. To customise safely, use theme settings and module fields, or create a child theme.

Support

Email chen@iv-lead.com with your portal ID and a link to the page you are working on.

Splash Lite is built and maintained by IV-Lead, a HubSpot Solutions Partner.