WWSCC
version 1.0
Preset based design system for Divi 5.
text
Small Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Small Test: Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Large Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Aliquam Porttitor Mauris
Aliquam Porttitor Mauris
Aliquam Porttitor Mauris
Eyebrow
Badge
Badge
Badge
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
- Lorem ipsum dolor sit amet
- consectetuer adipiscing elit.
- Quisque volutpat mattis eros.
- Nullam malesuada erat ut turpis.
- Suspendisse urna nibh viverra.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
Notice: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Success: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Warning: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Error: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
text
Small Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Large Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Eyebrow
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
- Lorem ipsum dolor sit amet
- consectetuer adipiscing elit.
- Quisque volutpat mattis eros.
- Nullam malesuada erat ut turpis.
- Suspendisse urna nibh viverra.
headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display Small
Display Medium
Display Large
headings dark
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display Small
Display Medium
Display Large
colors
headings color
headings color
pri 100
pri 200
pri 300
pri 400
pri 500
pri 600
pri 700
pri 800
pri 900
sec 100
sec 200
sec 300
sec 400
sec 500
sec 600
sec 700
sec 800
sec 900
gray 50
gray 100
gray 200
gray 300
gray 400
gray 500
gray 600
gray 700
gray 800
gray 900
notice
success
error
warning
buttons
Grid System
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
Spacing Scale
padding-2xs
padding-xs
padding-small
padding-medium
padding-large
padding-xlarge
padding-2xlarge
padding-2xs
padding-xs
padding-small
padding-medium
padding-large
padding-xlarge
padding-2xlarge
m-top-2xs
m-top-xs
m-top-small
m-top-med
m-top-large
m-top-xlarge
m-top-2xlarge
m-top-3xlarge
m-bottom-2xs
m-bottom-xs
m-bottom-small
m-bottom-med
m-bottom-large
m-bottom-xlarge
m-bottom-2xlarge
radius
radius xs
radius s
radius m
radius l
radius circle
border
border xsmall
border small
border small
shadows
shadow small
shadow medium
shadow large
accordion
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Audio
Your Title Goes Here
Your Title Goes Here
blog
Every Story Matters. Will you share yours?
At West Wight Sports & Community Centre (WWSCC), we know we’re much more than just a sports centre.
Eco Refill Raises Further £1,000
West Wight Sports and Community Centre is delighted to announce that its popular Eco Refill scheme, now celebrating twelve months at the Centre, has raised a further £1,000.
Wheelchair Pickleball
We are thrilled to have English National Champion Simon Heaps coming to West Wight Sports and Community Centre on Saturday 13th June from 1-3pm.
We’re Hiring
We are hiring and looking for enthusiastic and reliable individuals to join our friendly and welcoming team across a range of roles.
Spring Daytime Disco
We’re so excited to be launching our very first daytime disco – and you’re invited! Join us on Saturday 18th April from 3pm to 7pm at the Community Centre for an afternoon of music, dancing, and great company. Whether you’re catching up with friends, looking for…
Well done and Thank You
Swimmers as young as 4 and up to 76 years old completed their own personal swimming goals – individually or as a team (and all with their own fundraising targets!).
The Rebuild Service
We deliver the IDEAL solution to your pain problem through the Rebuild Service. It will help you live life to the fullest by improving your strength and building resilience.
Pop-up Classes 2026
Lower body workout focusing on toning the legs and bum, strengthening the core, and boosting overall fitness. Includes a cardio warm-up, followed by weights, mat work, and stretching.
Mum and Baby Class
Lower body workout focusing on toning the legs and bum, strengthening the core, and boosting overall fitness. Includes a cardio warm-up, followed by weights, mat work, and stretching.
West Wight Waves
West Wight Waves is a sponsored swimming event designed to inspire you to swim further than you ever have before—all while raising vital funds for our much-loved community hub. Dive in and win!
Every Story Matters. Will you share yours?
At West Wight Sports & Community Centre (WWSCC), we know we’re much more than just a sports centre.
Eco Refill Raises Further £1,000
West Wight Sports and Community Centre is delighted to announce that its popular Eco Refill scheme, now celebrating twelve months at the Centre, has raised a further £1,000.
Wheelchair Pickleball
We are thrilled to have English National Champion Simon Heaps coming to West Wight Sports and Community Centre on Saturday 13th June from 1-3pm.
We’re Hiring
We are hiring and looking for enthusiastic and reliable individuals to join our friendly and welcoming team across a range of roles.
Spring Daytime Disco
We’re so excited to be launching our very first daytime disco – and you’re invited! Join us on Saturday 18th April from 3pm to 7pm at the Community Centre for an afternoon of music, dancing, and great company. Whether you’re catching up with friends, looking for…
Well done and Thank You
Swimmers as young as 4 and up to 76 years old completed their own personal swimming goals – individually or as a team (and all with their own fundraising targets!).
The Rebuild Service
We deliver the IDEAL solution to your pain problem through the Rebuild Service. It will help you live life to the fullest by improving your strength and building resilience.
Pop-up Classes 2026
Lower body workout focusing on toning the legs and bum, strengthening the core, and boosting overall fitness. Includes a cardio warm-up, followed by weights, mat work, and stretching.
Mum and Baby Class
Lower body workout focusing on toning the legs and bum, strengthening the core, and boosting overall fitness. Includes a cardio warm-up, followed by weights, mat work, and stretching.
West Wight Waves
West Wight Waves is a sponsored swimming event designed to inspire you to swim further than you ever have before—all while raising vital funds for our much-loved community hub. Dive in and win!
blurb
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
circle counter
%
Your Title Goes Here
columns
text row
wide text row
content row
wide content row
full row
contact form
count down timer
Your Title Goes Here
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Your Title Goes Here
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
bars
- Your Title Goes Here50%
post corusel
Gallery
call to action
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Email optin
icons
icon list
login
number counter
%
Your Title Goes Here
%
Your Title Goes Here
%
Your Title Goes Here
person
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
search
tabs
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
testimonials
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
image
menu
pagination
post title
WWSCC Design System
WWSCC Design System
video
toggle
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
section small
section medium
section large
section xlarge
section full
Hover Lift
Hover scale
button press
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.