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
West Wight Quiz Night
Gather your friends, family or colleagues and put your knowledge to the test at our West Wight Quiz Night!
Autumn Groove Disco
Following the fantastic success of our Spring Disco, we’re excited to announce our Autumn Groove Disco.
Freshwater Community Late Night Shopping
We’re excited to announce that we’ll be taking part in this year’s Freshwater Community Late Night Shopping Event in December
Wheelchair Basketball
Join us for a fun, friendly and inclusive Wheelchair Basketball session.
The Fitness Essentials Course
Learn the basics of exercise, nutrition and sports psychology to improve your strength and cardiovascular health.
October Half Term Activities
Looking for something fun to keep the children entertained during the October half term?
West Wight Needs You! Young People Invited to Shape the Future of Their Community
Young people aged 11-25 are invited to help shape the future of West Wight.
Meditation Workshop
Have you ever been interested in Meditation but thought it might be ‘too difficult’ or a bit ‘mysterious’?
Sunday Special
We’re bringing back a firm favourite… our Sunday morning bacon baps are back!
Jason Wing Walking
Jason, one of our assistant managers, is taking fundraising to new heights as he prepares to complete an incredible wing walk in support of West Wight Sports & Community Centre!
West Wight Quiz Night
Gather your friends, family or colleagues and put your knowledge to the test at our West Wight Quiz Night!
Autumn Groove Disco
Following the fantastic success of our Spring Disco, we’re excited to announce our Autumn Groove Disco.
Freshwater Community Late Night Shopping
We’re excited to announce that we’ll be taking part in this year’s Freshwater Community Late Night Shopping Event in December
Wheelchair Basketball
Join us for a fun, friendly and inclusive Wheelchair Basketball session.
The Fitness Essentials Course
Learn the basics of exercise, nutrition and sports psychology to improve your strength and cardiovascular health.
October Half Term Activities
Looking for something fun to keep the children entertained during the October half term?
West Wight Needs You! Young People Invited to Shape the Future of Their Community
Young people aged 11-25 are invited to help shape the future of West Wight.
Meditation Workshop
Have you ever been interested in Meditation but thought it might be ‘too difficult’ or a bit ‘mysterious’?
Sunday Special
We’re bringing back a firm favourite… our Sunday morning bacon baps are back!
Jason Wing Walking
Jason, one of our assistant managers, is taking fundraising to new heights as he prepares to complete an incredible wing walk in support of West Wight Sports & Community Centre!
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.