Here's the things that makes Juniper

Backgrounds Colours

Some of the colours will have hardcoded inversed text colours to ensure there are no contrast issues

.bg-purple HEX: #6469B4
.bg-blue HEX: #CBE3EB
.bg-pink HEX: #F0C6CC
.bg-green HEX: #64E2A9
.bg-yellow HEX: #FDE99A
.bg-grey HEX: #C7D3E3
.bg-orange HEX: #FF8250
.bg-charcoal HEX: #262626

Text Colours

.text-purple
.text-blue
.text-pink
.text-green
.text-yellow
.text-grey
.text-orange
.text-charcoal
.text-white

Vertical Spacing

.block
.block__large

Font Families

The font families in play that help idenitfy the Juniper brand and Juniper Mark

h1 - Playfair Display, serif

h2 - Playfair Display, serif

h3 - Open Sans, serif

h4 - Open Sans, serif

h5 - Open Sans, serif
h6 - Playfair Display, serif

Edwardian Medium can be added to any element to apply the Juniper Mark font family:

.heading - Edwardian_Medium

.heading .heading__quotes

Text Alignment

.text-center
.text-right