Skip to main content

Style Guide

Typography


Title

Family: Cambon Test
Weight: 400
Size: 180px/100%
Letter Spacing: -1%

Title
h1 .h1

Title / Header 2

Family: Cambon Test
Weight: 400
Size: 64px/120%
Letter Spacing: 0%

Header 2
h2 .h2

Title / Header 3

Family: Mier A Test
Weight: 400
Size: 42px/140%

Title Header 3
h3 .h3

Title / Header 4

Family: Cambon Test
Weight: 400
Size: 42px/140%

Header 4
h4 .h4

Sub Title / Body Large / Header 5

Family: Mier A Test
Weight: 400
Size: 30px/140%
Header 5
h5 .h5

Sub Title / Body Large / Header 6

Family: Mier A Test
Weight: 400
Size: 24px/130%
Header 6
h6 .h6

Strong (Bold)

Family: Mier A Test
Weight: Semibold
Size: 22px/130%

Strong
strong .strong b .bold

Quote

Family: Cambon Test
Weight: 400
Size: 24px/140%

Quote

blockquote .quote

Body Copy

Family: Mier A Test
Weight: 400
Size: 17px/150%

Body Copy
p .p .copy

Button Text

Family: Syne
Weight: 600
Size: 42px/140%
Decoration: Underline

button .button

Body Copy

Family: Syne
Weight: 600
Size: 42px/140%
Decoration: Underline
Sub Title
a .a .link

Headband Text

Family: Mier A Test
Weight: 600
Size: 350px/140%

Headband


h2 .headband

Color Palette


Blue
#0067B9

Primary Color
.color-blue .bg-blue

Medium Blue
#004B87

Secondary Color
.color-medium-blue .bg-medium-blue

Dark Blue
#041E42

Text Color
.color-dark-blue .bg-dark-blue

White
#FFFFFF

White
.color-white .bg-white

Darken Blue
#0D1121

Background
.color-darken-blue .bg-darken-blue

Light Blue
#A9C3D8

Light Blue
.color-light-blue .bg-light-blue

Lighten Blue
#F1F9FF

Lighten Blue
.color-lighten-blue .bg-lighten-blue

Red
#FF0000

Red
.color-red .bg-red

Brand Assets




icon-kensington


icon-kensington-dark-blue


icon-kensington-darken-blue


icon-kensington-white



logo-text-kensington-blue


logo-text-kensington-dark-blue


logo-text-kensington-darken-blue



logo-text-kensington-white



logo-kensington


logo-kensington-white


logo-kensington-blue-white

Buttons




button .button .bg-blue


.btn-rounded .bg-blue


button .button .bg-light-blue


.btn-rounded .bg-light-blue


.btn-circle .bg-light-blue


.btn-circle .bg-blue


.btn-hover-circle .bg-light-blue


.btn-hover-circle .bg-blue


.btn-arrow .bg-light-blue


.btn-arrow .bg-blue
.btn-nav-item
.btn-arrow-slider .btn-arrow-slider-next
.btn-arrow-slider .btn-arrow-slider-prev
.btn-arrow-down
.circle-arrows-slider
.oval-buttons-slider

We use cookies on this website to enhance the experience, for more information read our privacy policy.

Accept Cookies