| XL | Container Spacing | Column #3 | Column #3 |
| STD-COL | Standard Column Spacing | Column #3 | Column #3 |
| title-spacing-bottom | 15px margin under titles | Column #3 | Column #3 |
| button-liner | 15 px margin above buttons | Column #3 | Column #3 |
DISPLAY TITLE
Montserrat - Lorem ipsum dolor
DISPLAY TEXT
Montserrat 400 - Display Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
LARGE TEXT
Montserrat 400 - Large Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
SUBHEADING
Montserrat - Subheading - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Normal text - text editor
Montserrat 500 – Normal text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Normal text - Heading - P
Montserrat 500 - Normal text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Eyebrow
Montserrat 500 - eyebrow - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
smaller body
Montserrat 500 - Smaller Body - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Small text
Montserrat 400 - Small Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
caption
Montserrat 400 Italic - Caption - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
BUtton text
Montserrat 600 - read more
Title 1
Montserrat 500 - Title 1 - Lorem ipsum dolor sit ame
Title 2
Montserrat 500 - Title 2 - Lorem ipsum dolor sit ame
Title 3
Montserrat 400 Italic- Title 3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title 4
Montserrat 500 - Title 3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title 5
Montserrat 500 - Title 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title 6
Montserrat 700 - Title 6 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu
DEFAULTS
H1 Headline
H2 Headline
H3 Headline
H4 Headline
H5 Headline
H6 Headline
Div
Span
Paragraph
Site background - #FFFFFF
Light background - #ECF5FD
Dark background - #0B3674
undefined
Title color - #0084B7
Text color - #666666
Secondary text - #6B6B6B
Border color - #ECF5FD
Accent 1 - #0084B7
Accent 2 - #0242B0
Accent 3 - #B4D7F9
Accent 4 - KB - #00A0AA
Button CTA - #F99C38
Button Blue - #0084B7
Border KB - #ECF5FD
-
Container spacing presets.
XXL - Hero Section
XL - Primary Section
CONTAINER: Large - Card Large
CONTAINER: Medium - Card Medium
CONTAINER: Small - Small
Spacing cards are primarily used for internal even spacing.
LINER: Small - Small
LINER: Medium - Card Medium
LINER: Large - Card Large
Applied to Columns
STD-COL
STD-COL
STD-COL
STD-Outline (outline on Column)
STD-COL (on Col Liner)
STD-COL (on Col Liner)
STD-Outline (outline on Column)
STD-COL (on Col Liner)
STD-COL (on Col Liner)
Spacer - xs
SPACER - SM
SPACER - MEDIUM
Spacer - LG
Spacer - XL
Spacer - XXL
