Testing
Preview pop-up.
Colour Palette
Light
Neutral
Primary
Secondary
Dark
Primary Brand Colour
color-primary
color-primary-20
color-primary-30
color-primary-95
Secondary Brand Colour
color-secondary
color-secondary-40
Neutral Brand Colour
color-neutral
color-neutral-90
color-neutral-99
Alternate Brand Colours
color-alt-1
color-alt-2
color-alt-3
Greys
grey 00
grey 10
grey 20
grey 30
grey 40
grey 50
grey 60
grey 70
grey 80
grey 90
grey 95
grey 99
Buttons
See child theme CSS for text color overrides.
Base Text styles
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
H6 heading
Body text — is here as a visual reference to display the default paragraph font. Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam corper auctor metus felis nibh velit.
Body text — is here as a visual reference to display the default paragraph font. Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam corper auctor metus felis nibh velit.
Body text — is here as a visual reference to display the default paragraph font. Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam corper auctor metus felis nibh velit.
Additional Text classes
XXL heading
XL heading
H1 heading lookalike
H2 heading lookalike
H3 heading lookalike
H4 heading lookalike
H5 heading lookalike
H6 heading lookalike
Eyebrow heading
Sml Heading
XSml Heading
Body XXL — retium lorem primis lectus donec tortor fusce morbi risus curae. Dignissim lacus massa mauris enim mattis magnis senectus montes mollis taciti accumsan semper.
Body XL — retium lorem primis lectus donec tortor fusce morbi risus curae. Dignissim lacus massa mauris enim mattis magnis senectus montes mollis taciti accumsan semper.
Body text — is here as a visual reference to display the default paragraph font. Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam corper auctor metus felis nibh velit.
Body S — retium lorem primis lectus donec tortor fusce morbi risus curae. Dignissim lacus massa mauris enim mattis magnis senectus montes mollis taciti accumsan semper.
Body XS — retium lorem primis lectus donec tortor fusce morbi risus curae. Dignissim lacus massa mauris enim mattis magnis senectus montes mollis taciti accumsan semper.
Corners
corner-2xs
corner-xs
corner-s
corner-m
corner-l
corner-xl
FREE RESOURCE
Your FREE Guide to Understanding & Managing Anger
Practical tools to help teachers, parents, coaches, managers and young people explore their own responses to anger, model healthy coping strategies, and create safe environments where everyone can express and manage strong emotions.
