skip to Main Content

Dark 1

Used for primary headings.

#0C1222

Dark Gray

Used primarily for menus, buttons, and text.

#37404A

Text Alt

Used as an alternative for body text when the Dark Gray is too harsh.

#4C555F

Light Gray

Used for grayed out text, borders, buttons, and sidebar menus.

#839AAC

Light 1

Used for page backgrounds, dividers, sidebars, and buttons.

#F6FBFF

Blue

Used as an accent color, button color, and for dividing rows.

#3974B7

Bright Blue

Used as an accent color, and for buttons.

#2E95F3

Light Blue

Used as an accent color, for dividers, and for buttons.

#83CDFF

Field Blue

Used specifically in form fields.

#E2F2FF

Red

Used when highlighting errors or warnings.

#CC0000

Orange

Used in very rare cases to highlight warnings.

#F26522

Yellow

Used as an accent color, primarily against blue or gray backgrounds.

#FDDF4F

Green

Used as an accent color, button color, headings, and for dividing rows.

#009900

Special Use Case: Gradients

These colors should not be used in isolation anywhere on the site, or in any marketing materials.

#07457D

#084F8F

#0959A2

#0A63B5

#0B6EC7

#419EF4

#2E95F3

#1B8CF2

#0E82EC

#0C78DA

Buttons For Primary Widgets

Padding

Margin

Border Radius

Desktop

Laptop

Tablet

Mobile

Primary headings are written in poppins, with each word capitalized, just like this.

Desktop

Laptop

Tablet

Mobile

Secondary headings are written in Poppins, with normal sentence casing, just like this.

Desktop

Laptop

Tablet

Mobile

Gray sub-headings are written in Poppins, with normal sentence casing, just like this.

Desktop

Laptop

Tablet

Mobile

Body text is written in Montserrat, with normal sentence casing, just like this.

Desktop

Laptop

Tablet

Mobile

Accent text is written in Montserrat, in all caps, just like this.

Desktop

Laptop

Tablet

Mobile

FREE DOWNLOAD

yOUR LENDER CHEAT SHEET FOR GETTING APPROVED

Avoid getting denied for funding! Follow this 23-point checklist to get your business pre-qualified with no personal guarantee!