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
Aqua Instructor
We’re currently looking for an enthusiastic aqua instructor to join our team, delivering daytime shallow aqua classes during the week.
Strength for Menopause
Strength for Menopause is a six-week course designed for women during perimenopause and menopause, focusing on the benefits strength training offers.
Couch to 5K
This is a FREE beginners running group meeting on Saturday mornings from West Wight Sports and Community Centre lead by volunteer, Sam Grist.
The 15 Question Challenge
Gather your smartest friends, family members or colleagues and put your knowledge, logic and teamwork to the test in an evening of fun and friendly competition.
WightAID £10,000 grant success
West Wight Sports and Community Centre was the biggest winner in the latest round of grants from WightAID.
Solent Swim 2026
On Saturday 25th July, 76 incredible swimmers will take on West Wight Sports and Community Centre’s annual Cross Solent Swim.
Pool Hoist
Our main pool hoist is currently undergoing essential maintenance.
New website launch
Our new website and booking system is now live! Activities are now grouped into easy-to-navigate categories, making it quicker to find and book your favourite classes.
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.
Aqua Instructor
We’re currently looking for an enthusiastic aqua instructor to join our team, delivering daytime shallow aqua classes during the week.
Strength for Menopause
Strength for Menopause is a six-week course designed for women during perimenopause and menopause, focusing on the benefits strength training offers.
Couch to 5K
This is a FREE beginners running group meeting on Saturday mornings from West Wight Sports and Community Centre lead by volunteer, Sam Grist.
The 15 Question Challenge
Gather your smartest friends, family members or colleagues and put your knowledge, logic and teamwork to the test in an evening of fun and friendly competition.
WightAID £10,000 grant success
West Wight Sports and Community Centre was the biggest winner in the latest round of grants from WightAID.
Solent Swim 2026
On Saturday 25th July, 76 incredible swimmers will take on West Wight Sports and Community Centre’s annual Cross Solent Swim.
Pool Hoist
Our main pool hoist is currently undergoing essential maintenance.
New website launch
Our new website and booking system is now live! Activities are now grouped into easy-to-navigate categories, making it quicker to find and book your favourite classes.
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.
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.