Fonts
Primary
Secondary
Text
Accent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Â
Paragraph Text Style
Paragraph Text. CLorem ipsum dolor sit amet, consectetur adipiscing elit. Korem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullam corper mattis, dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Ut elit tellus, luctus nec ullam corper attis, mattis pulvinar dapibus leo.
P Large
Paragraph intro copy. A heading element is used to create an intro Paragraph section. Typically used only for short amounts of copy.
P Small
Paragraph small notes copy. A heading element is used to create an intro Paragraph section and set to 'P' and size 'Small'. Typically used only for short amounts of copy.
Heading Styles and Sizes
H1
Default
Small
Medium
Large
XL
XXL
H2
Default
Small
Medium
Large
XL
XXL
H3
Default
Small
Medium
Large
XL
XXL
H4
Default
Small
Medium
Large
XL
XXL
H5
Default
Small
Medium
Large
XL
XXL
H6
Default
Small
Medium
Large
XL
XXL
Buttons Styles
Large
Extra Large
Colours
Primary
Dark Accent
Light Accent
Primary
Dark Accent
Light Accent
Text
Accent
Global Elements
Divider
Spacer
Background Classes
Add one of these two classes to sections to pickup on Global styles which will change the background colour, title and text colours.
sk-light-bg or sk-dark-bg
To ignore outer column alignment (which has been done below) add override-column-padding to the section CSS classes.