LogosColoursFontsTypographyWidthsOwl SpacingSpacingSection SpacePaddingMarginShadowsBorder RadiusButtons
Logos
Colours
#002145
#888888
#75c93d
#ccd8e5
Fonts
Crimson Text
Cormorant
Typography
Header 1 <h1>
Header 2 <h2>
Header 3 <h3>
Header 4 <h4>
Header 5 <h5>
Header 6 <h6>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Width
width--xs
width--s
width--m
width--L
width--XL
Owl Spacing
width--XXL
width--XL
width--L
width--M
width--S
width--XS
Spacing & Sizing
var(--space-xs)
var(--space-s)
var(--space-m)
var(--space-l)
var(--space-xl)
var(--space-xxl)
Section Space
var(--section-space-xxl)
Title
This is a block of text. Double-click this text to edit it.
var(--section-space-xl)
Title
This is a block of text. Double-click this text to edit it.
var(--section-space-l)
Title
This is a block of text. Double-click this text to edit it.
var(--section-space-m)
Title
This is a block of text. Double-click this text to edit it.
var(--section-space-s)
Title
This is a block of text. Double-click this text to edit it.
var(--section-space-xs)
Title
This is a block of text. Double-click this text to edit it.
Padding
pad--xxl
pad--xl
pad--l
pad--m
pad--s
pad--xs
Margin
var(--space-xxl)
var(--space-xl)
var(--space-l)
var(--space-m)
var(--space-s)
var(--space-xs)
Shadows
box-shadow--xl
box-shadow--l
box-shadow--m
Border Radius
rounded--xxl
rounded--xl
rounded--l
rounded--m
rounded--s
rounded--xs