Styleguide



Colors


Base

Blue Fiod

$blue-fiod: #3C5468
Black

$black: #FFFFFFF
White

$white: #FFFFFFF
Orange Westar

$orange-westar: #E5E2DD
Blue Tiara

$blue-tiara: #CDD7D9
Gray Edward

$gray-edward: #9BA2A4
Orange Cloudy

$orange-cloudy: #B4ACA7

Extension

Blue Matisse

$blue-matisse: #21679C
Blue Half Baked

$blue-half-baked: #85C3D1
Green Ocean

$green-ocean: #45A78F
Purple Eminence

$purple-eminence: #7F2981
Red Cinnabar

$red-cinnabar: #EB4A4A
Orange Hokey Pokey

$orange-hokey-pokey: #D49E36


Type Styles


H1 Lorem ipsum dolor sit lorem ipsum.


H2 lorem ipsum dolor.


H3 Lorem ipsum dolor


H4 lorem ipsum dolor sit amet.


H5 Subhead lorem ipsum

H6 Eyebrow lorem ipsum

body copy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.



Links/Buttons


Regular Link

Link example

Link Button

View Page

Button


Disabled Button


Primary Button Longer Text