Button
Book a Consultation Now
Book a Consultation Now
Buy Now
Act3 inspiration

Module showcase

Every Act3 module on one page, each in several variants. Each block is labelled with the module and the settings you pick in the editor — a quick way to see what is possible beyond the demo.

Primary button Secondary button
Module: hero-slider

Hero slider

3 slides: photo + overlay left, solid accent colour centred, light colour scheme right. Settings: height natural/full, animation fade/loop, arrows/dots per breakpoint.

Hero slider — left aligned

Background photo with dark overlay, text on the left (horizontal_align: items-start, text_align: left).

Get Started

Or a solid accent colour

No photo, bg.color: accent, centred, pill buttons.

Primary Secondary

Light colour scheme, right

color_scheme: light on a light photo with white overlay, text on the right.

Discover more
Module: section-intro · heading · rich-text

Typography

The three text modules and their main style options. Background of this section: section-extra-settings bg_color light.

section-intro · default

Overline

Default title

title_tag h2, divider auto, text_size normal.

section-intro · display + accent divider

Overline

Display title

title_looks_like display, divider accent, text_size large.

section-intro · compact h4, centred

Overline

Compact title

title_looks_like h4, text_size small, wrapper text_align center.

 

heading · display / h1 / h2 / h3 / h4

Display heading

Heading 1

Heading 2

Heading 3

Heading 4

rich-text · lists, quote, divider

Rich text

Paragraph with a link, bold and italic. All styles come from the theme settings.

  • Bullet one
  • Bullet two
  1. Numbered one
  2. Numbered two
A blockquote in the rich-text module.
Module: button

Buttons

Combinations of color × fill × size × shape. Also available: type cta (HubSpot CTA) and custom-gradient / custom-color.

fill · accent / dark / light

Accent Dark Light

outline · accent / dark / light

Accent Dark Light

size small / medium / large · shape pill

Small Medium Large

add_icon · icon right

With icon With icon
Module: button · section-extra-settings

Buttons on dark

This section: bg_color dark + top_deco angle. The top/bottom_deco can also be waves, concave or convex.

on dark · white / white-accent / ghost

White White accent Ghost

on dark · outline white, pill

Outline white With icon
Module: icon

Icons

shape disc/square/none × fill/outline × size small–extra-large; type icon, image, number or custom SVG code.

disc · fill · large

square · outline · large

none · extra-large

disc · fill · small

Module: feature-card

Feature cards

Per card: color, shadow, text_align, icon (icon/image/number/code) with its own shape/fill/size. Columns s12/s6/s4/s3.

card.color white / accent / dark · icon disc fill · s4

White

Cards make features easy to scan and click.

White

Accent

Cards make features easy to scan and click.

Accent

Dark

Cards make features easy to scan and click.

Dark

 

white / light · left aligned · square outline · number icon · s3

1

Step one

Cards make features easy to scan and click.

Step one
2

Step two

Cards make features easy to scan and click.

Step two
3

Step three

Cards make features easy to scan and click.

Step three
4

Step four

Cards make features easy to scan and click.

Step four
Module: content-card

Content cards

Card with image, icon or number. Options: collapse_desc, sync_desc (equal height), columns s12/s6/s4, color_scheme light/dark.

with image · s4 · light

Card with image
Sample

Card with image

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Card with image
Sample

Card with image

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Card with image
Sample

Card with image

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Module: content-card (dark)

Content cards on dark

Same module, color_scheme dark, with icon and number variants.

no image · icon · s4 · color_scheme dark · collapse_desc

Icon card

Icon card

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Icon card

Icon card

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Icon card

Icon card

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

 

number · s6 · sync_desc

Number card
1

Number card

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Number card
2

Number card

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

Module: cover-card

Cover cards

Image as background with overlay; content_align 1–7 positions the text. Column layouts 1/2/3/4 and asymmetric 2l/2r.

col 3 · content_align 7 (bottom) / 4 (middle) / 1 (top) · dark & light

Text at the bottom
BadgeInfo

Text at the bottom

Read more
Centred With a short description below.
BadgeInfo

Centred

With a short description below.

Read more
No image, light No image, color_scheme light.
BadgeInfo

No image, light

No image, color_scheme light.

Read more

 

col 2l · narrow card left, wide right

Narrow card
BadgeInfo

Narrow card

Wide card Layout 2l: narrow left, wide right (2r is the reverse).
FeaturedInfo

Wide card

Layout 2l: narrow left, wide right (2r is the reverse).

Read more
Module: go-card · compact-card

Navigation cards

Clickable cards with an arrow. Both also available as slider (arrows/dots per breakpoint, center_mode).

go-card · col 4 · color white / accent / dark / light

Sample

White

Short subtitle

White
Sample

Accent

Short subtitle

Accent
Sample

Dark

Short subtitle

Dark
Sample

Light

Short subtitle

Light

 

go-card · slider · center_mode

Sample

Slide

Short subtitle

Slide
Sample

Slide

Short subtitle

Slide
Sample

Slide

Short subtitle

Slide
Sample

Slide

Short subtitle

Slide
Sample

Slide

Short subtitle

Slide
Sample

Slide

Short subtitle

Slide

 

compact-card · col 3 · white / accent / dark, centred

Sample
Unlock the benefits

Subtitle

Unlock the benefits
Sample
Make your offer

Subtitle

Make your offer
Sample
Download brochure

Subtitle

Download brochure
Module: box-over-image

Box over image

Text box overlapping an image: align left/right/top-left/top-right/bottom-left/bottom-right, color accent/dark/light/white.

align top-left · color accent

Sample

Powerful Design

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

align bottom-right · color dark

Sample

Powerful Design

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.

 

default · align right · color white

sample-boi1

Powerful Design

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Module: image-box

Image box

Image with caption: show always/on-hover/never, overlay colour and opacity, extra spacing. Also available as slider.

col 4 · caption always / on-hover / accent overlay / light overlay + space

Sample
Always
Description that appears on hover.
Sample
On hover
Description that appears on hover.
Sample
Accent overlay
Description that appears on hover.
Sample
Light + space
Description that appears on hover.
Module: team-card

Team cards

Photo, name, role and social icons. Columns 1–5, card colour per person, also available as slider.

col 4 · color white / light / accent / dark

Anthony Grower Anthony Grower
Anthony Grower
Founder & CEO
Sara Inbound Sara Inbound
Sara Inbound
Marketing
Eric Lee Eric Lee
Eric Lee
Sales
Mia Growth Mia Growth
Mia Growth
Design
Module: image-plus-text

Image + text

The classic 50/50: order, stacking on mobile, radius/shadow and buttons.

order it · image left, text right

Image left, text right

settings.order: it. On mobile, stack_order decides whether the image goes above or below.

Learn More
Sample

 

order ti · text left, image right · img_shadow · no radius

Text left, image right

settings.order: ti, img_radius off, img_shadow on, outline button.

Learn More
Sample
Module: image-plus-text · section-extra-settings

On a photo background

section-extra-settings: bg_media image + overlay dark 80% + top_deco waves / bottom_deco waves-reverse.

On a photo background

color_scheme dark. This section uses a background photo with an 80% dark overlay and wave decorations at the top and bottom.

Learn More
Sample
Module: quick-features

Quick features

Icon + title + short text in a grid. Columns s12/s6/s4, icon disc/square/none, desc_size, stacking on mobile.

s4 · disc fill large

CRM Platform

Powerful drag-and-drop Page Editor and Theme Settings.
CRM Platform

Software as a Service

Powerful drag-and-drop Page Editor and Theme Settings.
Software as a Service

Enterprise Level

Powerful drag-and-drop Page Editor and Theme Settings.
Enterprise Level

Behind the Words

Powerful drag-and-drop Page Editor and Theme Settings.
Behind the Words

Brand Identity

Powerful drag-and-drop Page Editor and Theme Settings.
Brand Identity

Dummy Content

Powerful drag-and-drop Page Editor and Theme Settings.
Dummy Content
Module: quick-features (dark)

Quick features on dark

Same module, different icon shape and columns.

s6 · square outline · color_scheme dark · desc_size normal

CRM Platform

Powerful drag-and-drop Page Editor and Theme Settings.
CRM Platform

Software as a Service

Powerful drag-and-drop Page Editor and Theme Settings.
Software as a Service

Enterprise Level

Powerful drag-and-drop Page Editor and Theme Settings.
Enterprise Level

Behind the Words

Powerful drag-and-drop Page Editor and Theme Settings.
Behind the Words
Module: numbers

Numbers

Large number + text. color_scheme light, dark or dark-no-accent.

color_scheme light

100%

Traffic Increase

Far far away, behind the word mountains.

27k+

Leads Generated

Far far away, behind the word mountains.

4.9

Average Rating

Far far away, behind the word mountains.

12

Countries

Far far away, behind the word mountains.

Module: numbers (accent)

Numbers on accent colour

section-extra-settings bg_color accent + numbers dark-no-accent.

on accent background · dark-no-accent

100%

Traffic Increase

Far far away, behind the word mountains.

27k+

Leads Generated

Far far away, behind the word mountains.

4.9

Average Rating

Far far away, behind the word mountains.

12

Countries

Far far away, behind the word mountains.

Module: steps

Steps

Process in steps with connecting line and tooltip; icon, number or custom SVG. color_scheme light/dark/dark-no-accent.

icon type icon (default)

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultrices auctor dui non accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultrices auctor dui non accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultrices auctor dui non accumsan.

 

icon type number · 4 steps

 

Step 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Step 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Step 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Step 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Module: timeline

Timeline

Milestones with date, text and image, alternating left/right. valign top/center.

Sep 2012

We started our business in a garage

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Sample
Sep 2012
Mar 2013

We launched our first product

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Sample
Mar 2013
Apr 2016

We acquired this amazing company

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Sample
Apr 2016
May 2020

Eric joined our team

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Sample
May 2020
Module: tabs

Tabs

Tab buttons with their own colour/fill for active and inactive, alignment and size.

default · pill · accent active

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

 

outline · default shape · centred · dark active

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Module: accordion

Accordion / FAQ

Collapsible items: default or boxed (border/shadow), first item open, one at a time (toggle).

default · toggle

How can the oldest stars in the Universe be older than the Universe?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Why doesn't the Solar System expand if the whole Universe is expanding?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Are quasars really at the large distances indicated by their redshifts?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Can objects move away from us faster than the speed of light?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Are galaxies really moving away from us or is space just expanding?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Why do we think that the expansion of the Universe is accelerating?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

boxed · shadow · first_expanded

How can the oldest stars in the Universe be older than the Universe?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Why doesn't the Solar System expand if the whole Universe is expanding?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Are quasars really at the large distances indicated by their redshifts?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Can objects move away from us faster than the speed of light?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Are galaxies really moving away from us or is space just expanding?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Why do we think that the expansion of the Universe is accelerating?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Module: accordion (dark)

Accordion on dark

color_scheme dark + boxed with border.

How can the oldest stars in the Universe be older than the Universe?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Why doesn't the Solar System expand if the whole Universe is expanding?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Are quasars really at the large distances indicated by their redshifts?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Can objects move away from us faster than the speed of light?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Are galaxies really moving away from us or is space just expanding?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Why do we think that the expansion of the Universe is accelerating?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Module: comparison-table

Comparison table

Up to 10 columns with yes/no/third icon or text, tooltips, sticky header and dark variant.

default · 3 columns · shadow · clip_corners · center_content

Features
Column 1
Column 2
Column 3
Feature
comptab-yes-icon
comptab-yes-icon
comptab-yes-icon
Feature
comptab-yes-icon
comptab-yes-icon
comptab-yes-icon
Feature
comptab-yes-icon
comptab-yes-icon
comptab-yes-icon
Feature
comptab-yes-icon
comptab-yes-icon
comptab-yes-icon
Feature
comptab-yes-icon
comptab-yes-icon
comptab-yes-icon
Module: pricing

Pricing

Plans with monthly/yearly toggle (subscription) or one-time price, highlighted plan, card colours per plan.

default · 3 plans · middle selected

Monthly Save 25% Annual
Title
$39
$29
/Month*
/Month*
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Get started
Get started
* Billed monthly (auto-renewal)
* Billed as $348 yearly (auto-renewal)
Title
$39
$29
/Month*
/Month*
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Get started
Get started
* Billed monthly (auto-renewal)
* Billed as $348 yearly (auto-renewal)
Title
$39
$29
/Month*
/Month*
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Get started
Get started
* Billed monthly (auto-renewal)
* Billed as $348 yearly (auto-renewal)
Module: pricing (dark)

Pricing on dark

model one-time-fee, color_scheme dark, equal_height.

Title
$39
one-time payment
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Get started
Title
$39
one-time payment
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Get started
Title
$39
one-time payment
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Describe this feature
Get started
Module: review

Reviews

Stars, quote, photo and company logo. Columns 1–4, boxed, quote_size, also available as slider.

col 3 · boxed · rating

Module: review (slider)

Review slider

col 1 + slider + quote_size large on dark.

Module: quote

Quotes

Quote with author card. Size small–xlarge, 1–3 columns or slider.

col 1 · quote_size xlarge

“What a fantastic journey this has been. Thanks to this product we can now focus on what matters.”
Describe your image
Anthony Grower

Marketing Specialist

 

col 2 · quote_size normal

“What a fantastic journey this has been. Thanks to this product we can now focus on what matters.”
Describe your image
Anthony Grower

Marketing Specialist

“What an amazing team! Like no other in the known universe. Very helpful.”
Describe your image
Sara Inbound

Head of Growth

Module: logos

Logos

Client logos as grid or carousel (autoplay, arrows, dots).

grid · col 6 · no slider (default logos)

Module: logos (carousel)

Logo carousel

White logos on dark with white arrows.

Module: gallery

Gallery

Grid (1–6 columns, with/without gutter and radius), slider or thumbnails, with lightbox.

type grid · col 6 · no gutter

sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image

 

type thumbnails

sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
sample image
Module: video

Video

HubSpot player, thumbnail that opens a lightbox, or embed (YouTube/Vimeo).

type player · custom mp4 · play_button

type thumbnail · opens in lightbox · overlay

sample-1293jmdsm
Module: features-showcase

Features showcase

Feature navigation on the left or right; content changes per item. nav_bg accent/transparent.

col_order left · nav accent

Deploy Without Pain

No installation is needed. HubSpot Marketplace auto-installs the theme for you, so you are ready to adjust settings and create pages right away. Deploy faster than ever before.

Install
Customize
Go live
Get Started

Custom Colors and Fonts

Match your brand style with custom colors, fonts, and many other cool settings that will make your website look professional and beautiful. Have the website your brand deserves.

Color
Font
Shape
Get Started

Drag 'n' Drop Editor

Make layout changes, add or remove sections at the page level. Forget about template edits. Customize your styles without leaving HubSpot. No need to edit code.

Pages
LPs
Blogs
Get Started

Performant Website

Get great scores on Google Page Speed Insights, both desktop and mobile. Optimized for content, SEO and accessibility.

SEO
Speed
Accessibility
Get Started
Module: features-showcase (dark)

Features showcase on dark

col_order right, nav_bg transparent.

Deploy Without Pain

No installation is needed. HubSpot Marketplace auto-installs the theme for you, so you are ready to adjust settings and create pages right away. Deploy faster than ever before.

Install
Customize
Go live
Get Started

Custom Colors and Fonts

Match your brand style with custom colors, fonts, and many other cool settings that will make your website look professional and beautiful. Have the website your brand deserves.

Color
Font
Shape
Get Started

Drag 'n' Drop Editor

Make layout changes, add or remove sections at the page level. Forget about template edits. Customize your styles without leaving HubSpot. No need to edit code.

Pages
LPs
Blogs
Get Started

Performant Website

Get great scores on Google Page Speed Insights, both desktop and mobile. Optimized for content, SEO and accessibility.

SEO
Speed
Accessibility
Get Started
Module: shifter

Shifter

List on the left, changing image/text/form on the right. Order, vertical alignment, auto-scroll and compact nav are configurable.

Created for amazing content & superhero marketers.

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Develop top
products
Provide best
services
Delight our
customers
Describe your image
Describe your image
Describe your image
Module: blog-card

Blog cards

Recent, popular, or posts selected by tag or author. Card colour white/dark/ghost.

type recent · 3 posts · summary

Sample - How To Post (Clone)
Insider

Sample - How To Post (Clone)

INTRODUCTION: Your “how to” blog post should teach the reader how to do something …

Sep 4, 2026, 2:44:35 PM 1 min read
Sample - How To Post
Insider

Sample - How To Post

INTRODUCTION: Your “how to” blog post should teach the reader how to do something …

Nov 10, 2016, 12:53:08 PM 1 min read
Module: contact-box · quick-action

Contact & quick actions

Contact boxes with icon and colour block; quick actions with image + button.

contact-box · s4 · color light / accent / dark

sample-78q9q

Visit us

25 Growth Street
Inbound City

Call us

+31 20 123 4567
Mon–Fri 9–17

Email us

hello@company.com
Reply within 24 hours

 

quick-action · s4 · color white / accent / dark

Sample
Download the brochure
All the details
Download
Sample
Book a demo
In 15 minutes
Book
Sample
Get in touch
Happy to help
Contact
Module: form

Forms

Pick a HubSpot form in the editor. Options: box none/border/accent/dark/light/white/ghost, colour scheme, button style, hide labels.

form · box white · color_scheme light

Form (light)

form · box dark · color_scheme dark

Form (dark)
Ready to design?

Mix & match every variant

Every module above works in any section, on any background. Combine freely — the theme settings control colours and typography.

Back to top