Snow
Winter
Clear
Summer
Base
Primary
Secondary
Tertiary
Quaternary
Jump to Top of Page
BACKGROUND -- #FFFFFF

HEADER -- #F74D1E

CONTENT -- #000000
LINK TEXT -- #F74D1E /// LINK TEXT (Hover) -- #28757B
Lorem ipsum dolor sit amet, consectetur adipiscing elit,s sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, this is a link here as an example for link and link hover state inside of a block of text ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui of

BORDER -- #D3D3D3 -- The border around this container and the <hr /> divider lines are the border color for the selected color profile (base)

BUTTON BACKGROUND -- #383C3F

BUTTON TEXT -- #8CDEE0

BUTTON BACKGROUND (Hover) -- #28757B

BUTTON TEXT (Hover) -- #8CDEE0

BUTTON BACKGROUND (Active) -- #F74D1E

BUTTON TEXT (Active) -- #FFFFFF

BUTTON BACKGROUND (Inactive) -- #D3D3D3

BUTTON TEXT (Inactive) -- #FFFFFF

Arrow Left

ICON -- #F74D1E

ICON (Hover) -- #28757B

Arrow Right

ICON -- #F74D1E

ICON (Hover) -- #28757B

Snow

ICON -- #F74D1E

ICON (Hover) -- #28757B

content-sun

ICON -- #F74D1E

ICON (Hover) -- #28757B

Base Font Configuration

Base Font

Generally used for content like p text in WYSIWYG, list items, text content in content blocks

STYLES

Font family: "HCo Gotham Book", Font size: 18px, Text transform: none

EXAMPLE

This is the base font with its current base configuration styles

Primary Font

Generally used for headers for components and WYSIWYG components

STYLES

Font family: "BlockGothicRR-ExtraBoldCond", Font size: 28px, Text transform: uppercase

EXAMPLE

This is the primary font with its current base configuration styles

Secondary Font

Generally used for buttons and other CTAs

STYLES

Font family: "HCo Gotham Bold", Font size: 16px, Text transform: uppercase

EXAMPLE

This is the secondary font with its current base configuration styles