<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 -

spark-mobile-phone
James at York Demo
home-background-shape

TESTIMONIAL HERO BANNER -

Connect With Your Customers

Staying connected has become a necessity for people. Whether for personal or professional use, a reliable internet connection has become the backbone of our day-to-day lives.

Providing customers with a seamless WiFi experience has become crucial in customer service. A fast and secure WiFi connection can improve customer satisfaction, boost engagement and even attract new customers.

The charity took more donations in the first six weeks of the Trust using SPARK® TSL than they had in the previous three years!

Glenn Winteringham,

Group Chief Digital Officer at Royal Free London NHS Foundation Trust

The charity took more donations in the first six weeks of the Trust using SPARK® TSL than they had in the previous three years!

Glenn Winteringham,

Group Chief Digital Officer at Royal Free London NHS Foundation Trust

The charity took more donations in the first six weeks of the Trust using SPARK® TSL than they had in the previous three years!

Glenn Winteringham,

Group Chief Digital Officer at Royal Free London NHS Foundation Trust

home-background-shape

LOGO SLIDER -

TESTIMONIAL SWIPER -

smile-icon

Improving patient experience

No one wants to spend any more time in hospital than they have to. We aim to engage and entertain patients and visitors in hospitals to boost wellbeing and faster recovery. 

No one wants to spend any more time in hospital than they have to. We aim to engage and entertain patients and visitors in hospitals to boost wellbeing and faster recovery. 

Call To Action

I connected to Wifi and after I was taken to a page with buttons for TV, games and other links… I was in hospital for 6 days and if I wasn’t entertained by my phone, I would have been depressed, bored and lonely. And the best part was it was all free.

Patient name

I connected to Wifi and after I was taken to a page with buttons for TV, games and other links… I was in hospital for 6 days and if I wasn’t entertained by my phone, I would have been depressed, bored and lonely. And the best part was it was all free.

Patient name

I connected to Wifi and after I was taken to a page with buttons for TV, games and other links… I was in hospital for 6 days and if I wasn’t entertained by my phone, I would have been depressed, bored and lonely. And the best part was it was all free.

Patient name

STATISTIC COLUMNS -

stat-block-shape

12%

of the total food waste generated in the UK comes from the NHS and private hospitals.

leaf-icon

Making healthcare carbon neutral

SPARK® TSL allows Trusts to operate more sustainably to achieve the net zero target by 2040 through digital transformation.

Mainstream digitally-enabled care across all areas of the NHS is possible using SPARK® products to entertain and inform patients, digitalise prescribing and meal ordering services and reduce waiting times, bed blocking and unnecessary clinical waste.

Call To Action

TEXT SCROLLER -

text-scroller-shape-mob
I had nothing when I was admitted to hospital. I was taken to a new trauma unit where everything seemed brand new – including the unit next to my bed. I’d seen older versions of these but never used one myself. It was on and rolling some sort of intro screen which made me touch it as it showed the Netflix app, which is what I went on to watch for the next 3 hours while I waited to see a nurse. After a while, a doctor came to me, tapped his device to the screen and then was showing me information about my health. That was pretty cool to have all my records right there and I actually understood what was happening. That was so valuable to me and actually put me at ease. After the doctor left, I played around on the unit and found so much more information about my care and went on to watch specific videos about my diagnosis. I didn’t have to Google big words or guess my condition, it was just there, completely tailored to me.
text-scroller-background-shape

TABBED CONTENT -

Dementia patients

Dialysis patients

Physio

Patient Ed

Dementia patients

SPARK® Media hosts several supportive links to empower patients to take control of their healthcare. These include access to dementia support services, such as the BBC Reminiscence Archive and BBC Music Memories, to help patients reconnect with their most precious memories. 

Trusts using SPARK® Horizon also benefit from a simplistic user interface on the bedside unit home screen. Designed to show pertinent information on the device homepage such as the date, hospital name, ward location and an analogue clock, to reassure patients.

nurse-with-elderly-patient

60/40 COLUMNS -

Length of stay in hospitals rose to 8.3 days in 2022

The length of an average patient stay in UK hospitals increased from 7.3 days in 2019 to 8.3 days in 2022.

Many patients are only admitted to wards with what they’ve got on them, which usually includes a smartphone.  With this in mind, hospital WiFi must be accessible to every patient to reduce the chance of feeling isolated throughout their stay — while also empowering patients to feel in control of their healthcare experience. 

But there’s so much more to offer over WiFi…

hospital-corridor

And that’s where SPARK® Media comes in

love-icon

Reduce the risk of loneliness and anxiety in patients

love-icon

Reduce the risk of loneliness and anxiety in patients

love-icon

Reduce the risk of loneliness and anxiety in patients

CTA BANNER -

75% of patients want digital healthcare services

So let’s work together to give it to them, all while optimising NHS processes.


Speak to us

TWO COLUMNS WITH BACKGROUND COLOUR -

 

Delayed discharges cost the NHS up to £1.7 billion in 2022/23

Delays in discharging patients have a detrimental impact on patients and the Trust. In 2022/23, it’s estimated that £1.7 billion has been spent on delay costs.

SPARK® Media can automate the discharge process and provide patients with accurate and timely information about their healthcare needs so they can be discharged quickly and smoothly. 

Already a SPARK® Connect customer? SPARK® Media is already available to start using…

Speak to us about our managed services and your dedicated Account Manager can help you to understand how you can get the most out of your existing package.

Call To ActionCall To Action

Trusts have saved over £3.8 billion with SPARK® Media

Using the SPARK® Media solution, available to all SPARK® Connect customers, has allowed Trusts to save over £3.8 billion combined using translation services, e-prescribing, clinical messaging and referral systems. 

With your help, we can do more for patients and the future of care.

Call To Action

VIDEO -

TWO COLUMNS WITH BACKGROUND SHAPE -

patient-using-phone

Utilising digitalisation in the NHS

Not every patient will want to watch programmes or play games on devices, so is there still a need for digital devices?

In short, yes. Not only does SPARK® Media allow patients to access entertainment  and games, but they also hold an extensive library of reading materials. Trusts can save up to 99.9% of the cost of paper copies of magazines and newspapers.

Healthcare information is also available on devices, allowing patients to understand their conditions further without needing a doctor to explain.

bg-shape-1

COLUMN REPEATER -

 

meal-icon

Join the mission to digitise meal ordering services to help Trusts save up to £262,900 annually electronic meal ordering

meal-icon

Join the mission to digitise meal ordering services to help Trusts save up to £262,900 annually electronic meal ordering

meal-icon

Join the mission to digitise meal ordering services to help Trusts save up to £262,900 annually electronic meal ordering

meal-icon

Join the mission to digitise meal ordering services to help Trusts save up to £262,900 annually electronic meal ordering

CUSTOM BULLET LIST -

  • turquoise-bullet

    Relieve patient boredom and improve well-being

  • turquoise-bullet

    Relieve patient boredom and improve well-being

  • turquoise-bullet

    Relieve patient boredom and improve well-being

ACCORDION TABBER -

 

Frequently asked questions

Your Account

Technical Support

TV Bedside Units Information

Terms of Service

Frequently asked questions

Your Account

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Technical Support

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

TV Bedside Units Information

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Terms of Service

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

Question Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros est, sagittis at condimentum nec, viverra vitae odio. Duis viverra eleifend nisl, ultrices imperdiet justo viverra ut. Curabitur congue mauris id leo pellentesque malesuada ac eu magna. Aliquam rhoncus eu nisi vel fermentum. Nullam turpis nunc, eleifend nec condimentum sit amet, imperdiet at felis. Vivamus quis risus eu purus varius fringilla sed eu orci. Aenean sollicitudin, ligula sit amet pharetra gravida, diam neque consequat velit, ac porttitor mi lacus eu libero.

TRANSITIONING SECTIONS -

Card 1 Title

child-watching-tablet
spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

complete-offering-bg-cropped

Card 2 Title

people-hugging
spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

spark-icon

Boosting service efficiencies

With access to a range of educational resources, including the NHS Apps Library and an A-Z of medicine, patients can learn more about their condition and find reliable answers to their healthcare questions without the need for staff intervention.

complete-offering-bg-cropped

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

Case Studies

Featured case study

complete-offering-bg

OVERLAPPING COLUMNS -

NHS Charities

Working closely with NHS charities from across the UK, WiFi is being actively used to increase charity exposure, drive donations and generate awareness. This case study looks at  SPARK® TSL’s work with Imperial Health Charity, UHNM Charity, King’s College Hospital Charity, and West Suffolk’s My Wish Charity to showcase the possibilities when investing in patient engagement.