<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=4574585&amp;fmt=gif">
Skip to content

THEME GUIDE

This page is a reference for all styles, modules and sections available in the SPARK TSL HubSpot theme.

 

TYPOGRAPHY

Heading 1

Heading 2

Heading 3

Heading 4

Blockquote

Paragraph

Link

CTAs

Call To Action

SPARK TSL - Turquoise Button (Template for cloning) - Class name: turquoise

Call To Action

SPARK TSL - Turquoise Button, Transparent BG on hover (Template for cloning) - Class names: turquoise transparent-hov

Call To Action

SPARK TSL - White Button (Template for cloning) - Class name: white

Call To Action

SPARK TSL - Blue Button (Template for cloning) - Class name: blue

Call To Action

SPARK TSL - Transparent Bg/Turquoise Text (Template for cloning) - Class name: transparent-turq-text

Call To Action

SPARK TSL - Transparent Bg/White Text (Template for cloning) - Class name: transparent-white-text

Each of the above CTAs has been created as a template to clone from when creating a new CTA. This will ensure that the CTA styles and previews are consistent throughout the site.

If you need to re-style an existing legacy CTA, you can open it in the editor, set the button style to "Link (No style)" and then add one of the above classes to automatically apply all corresponding styling (including hover effects).

You may notice that the above template CTAs all have some additional CSS styling which has been set in the editor. This styling is applied only to the preview, for reference purposes. Only a class name is required to apply the styling on an actual page.

FORMS

Note that forms use light text colours, so they should always sit on top of darker backgrounds (like this blue one)

MODULES

Dropping a module into a page will automatically put it in a HubSpot section. As you can see by inspecting these modules in the page editor, in most instances the background colour of the module is set in the style tab of its parent section (rather than at a module level).

Additionally, many of these modules are intended to be displayed at full width. This is achieved by setting "content alignment" to full width in the "alignment and spacing" tab of the section settings.

 

HERO BANNER -

TESTIMONIAL HERO BANNER -

CARD REPEATER -

FADE IN CARDS -

JUMP LINK CARDS -

LOGO SLIDER -

TESTIMONIAL SWIPER -

STATISTIC COLUMNS -

TEXT SCROLLER -

TABBED CONTENT -

60/40 COLUMNS -

CTA BANNER -

TWO COLUMNS WITH BACKGROUND COLOUR -

 

VIDEO -

TWO COLUMNS WITH BACKGROUND SHAPE -

COLUMN REPEATER -

 

CUSTOM BULLET LIST -

ACCORDION TABBER -

 

TRANSITIONING SECTIONS -

CASE STUDIES BANNER

followed by

CASE STUDIES LISTING

Note the additional bottom padding on the banner section, to allow the listing to overflow into it

OVERLAPPING COLUMNS -

STORY SCROLLER -

TEAM LISTING -

 

SAVED SECTIONS

The below sections have been saved for your convenience, and they can be added to any page by hitting the plus icon in the page editor to add a new section, and then selecting them from the "saved sections" list.

 

FORM BANNER -

We’re here for you

Whether you’d like to book a demo for your business or want more information about our products and what they can do for you — we’re here to answer all your questions.

Fill out the form opposite and our team will be in touch soon.

If you’d like to speak to us directly, please call 0344 848 9555.

Already an existing customer? Visit our product support page to help with your enquiry.

COLOURED BOX BACKGROUND BANNER -

The Mission

SPARK® TSL is the largest provider of patient entertainment and WiFi to the NHS. Our SPARK® Software is changing lives and digitally transforming the NHS.

Our vision since the acquisition of Hospedia, by our parent company, Volaris Group, is to ensure no patient pays for entertainment.

“As a team, we have built a bespoke platform that can be used across a variety of locations, businesses and sectors. It all started from a problem that needed a solution, and ultimately, that is the very ethos of our business; creating and tailoring solutions for businesses that will provide their customers with the best possible WiFi user experience.”

Matt O’Donovan

LOGO BANNER -

Note that the right column contains a custom module built for this section called "Logo Grid"

Become an apps partner. Make a change

Providing WiFi solutions to the healthcare industry wouldn’t be possible without our partners. Partners are integral to the progression of SPARK® TSL as a company.

Fostering an inclusive education environment, idea sharing and opportunity, partnerships enable businesses to further their offerings together and individually, and each new partnership is an exciting prospect.