GET IN TOUCH

overlay--primary-trans-60

Colours


Primary

--primary
placeholder
--primary-ultra-light
placeholder
--primary-light
placeholder
--primary-dark
placeholder
--primary-ultra-dark
placeholder
-primary-trans-80
placeholder
--primary-trans-60
placeholder
--primary-trans-40
placeholder
--primary-trans-20
placeholder
--primary-comp
placeholder

Secondary

--secondary
--secondary-ultra-light
--secondary-light
--secondary-dark
placeholder
--secondary-ultra-dark
placeholder
--secondary-trans-80
placeholder
--secondary-trans-60
placeholder
--secondary-trans-40
placeholder
--secondary-trans-20
placeholder
--secondary-comp
placeholder

Accent

--accent
placeholder
--accent-ultra-light
placeholder
--accent-light
placeholder
--accent-dark
placeholder
--accent-ultra-dark
placeholder
--accent-trans-80
placeholder
--accent-trans-60
placeholder
--accent-trans-40
placeholder
--accent-trans-20
placeholder
--accent-comp
placeholder

Base

--base
placeholder
--base-ultra-light
placeholder
--base-light
placeholder
--base-dark
placeholder
--base-ultra-dark
placeholder
--base-trans-80
placeholder
--base-trans-60
placeholder
--base-trans-40
placeholder
--base-trans-20
placeholder
--base-comp
placeholder

Orange

--orange
placeholder
--orang-ultra-light
--orange-ultra-light
--base-light
placeholder
--base-dark
placeholder
--base-ultra-dark
placeholder
--base-trans-80
placeholder
--base-trans-60
placeholder
--base-trans-40
placeholder
--base-trans-20
placeholder
--base-comp
placeholder

TYPOGRAPHY


Headings

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

Max Width

.max-width--s
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.max-width--m
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.max-width--l
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.max-width--xl
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.max-width--xxl
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.max-width--full
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.

Text Sizes

.text--xs
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.text--s
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.text--m
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.text--l
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.text--xl
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.
.text--xxl
This is body font. How do I look? Well let me tell you a story about a woman who loves tech and design. She always wanted to work remotely as she knew she would love it.

section-title


Text colour


.text--primary
.text--secondary
.text--accent
.text--base

Buttons


Clamp sizes


.--vp-min


.--vp-max


Shadows




.shadow
.shadow--l
.shadow--xl

padding


.pad--xs

Heading

This is a block of text. Double-click this text to edit it.
.pad--s

Heading

This is a block of text. Double-click this text to edit it.
.pad

Heading

This is a block of text. Double-click this text to edit it.
.pad--l

Heading

This is a block of text. Double-click this text to edit it.
.pad--xl

Heading

This is a block of text. Double-click this text to edit it.
.pad--xxl

Heading

This is a block of text. Double-click this text to edit it.

owl spacing


.owl--xs

Heading

This is a block of text. Double-click this text to edit it.
Double-click to edit button text.
.owl--s

Heading

This is a block of text. Double-click this text to edit it.
Double-click to edit button text.
.owl

Heading

This is a block of text. Double-click this text to edit it.
Double-click to edit button text.
.owl--l

Heading

This is a block of text. Double-click this text to edit it.
Double-click to edit button text.
.owl--xl

Heading

This is a block of text. Double-click this text to edit it.
Double-click to edit button text.
.owl--xxl

Heading

This is a block of text. Double-click this text to edit it.
Double-click to edit button text.

Height


.height--30


.height--40


.height--50


.height--60


.height--70


.height--80


.height--90


.height--full


backgrounds

.bg--primary
.bg--secondary
.bg--accent
.bg--base

overlay


.overlay--primary-trans-80
overlay--primary-trans-60
.overlay--primary-trans-40
.overlay--primary-trans-20
.overlay--secondary-trans-80
overlay--primary-trans-60
.overlay--primary-trans-40
.overlay--primary-trans-20
.overlay--accent-trans-80
overlay--primary-trans-60
.overlay--primary-trans-40
.overlay--primary-trans-20
.overlay--base-trans-80
overlay--primary-trans-60
.overlay--primary-trans-40
.overlay--primary-trans-20

CARDS


mature couple walking in woods with dog

This is a card heading

Intro text for card element.
CLICK ME
family looking at ocean

This is a card heading

Intro text for card element.
CLICK ME
family looking at ocean

This is a card heading

Intro text for card element.
CLICK ME

dark CARDS


mature couple walking in woods with dog

This is a card heading

Intro text for card element.
CLICK ME
family looking at ocean

This is a card heading

Intro text for card element.
CLICK ME
family looking at ocean

This is a card heading

Intro text for card element.
CLICK ME

full image CARDS


mature couple walking in woods with dog

Pension Schemes

Get in touch and

Plan your adventure

Discover how we can give you peace of mind through organising your finances and helping your achieve your life goals.
GET IN TOUCH
envelopephone-handsetmagnifiercrossmenu