Microsite Branding

This is a view of all the branding styles that are being used on your microsite.

Navigation


Footer


Color Palette


Main Colors

Primary Color

HEX: #5795CB

Secondary Color

HEX: #E28F25

Tertiary Color

HEX: #5795CB

Accent Colors

Accent 1

HEX: #E28F25

Accent 2

HEX: #5795CB

Accent 3

HEX: #E28F25

Background Colors

Page Background

HEX: #FFFFFF

Alt Background

HEX: #E28F25

Dark Background

HEX: #5795CB

Light Background

HEX: #F3F2F2

Typography


Heading Font

Gotham Black

Base Font

Gotham 

Headings & Body


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph text

Link


Callouts

This is a primary callout. Great for highlighting key messaging or important announcements.

This is a secondary callout. Use for supporting highlights or contrast sections.

This is a blockquote style using your accent color.
Perfect for testimonials or quotes.

Accordion Styles

Replace this text with the accordion content.

Page Layouts/elements


full width example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a faucibus arcu. Phasellus elementum sed nisi sed gravida. Mauris venenatis mi vitae tellus sagittis, vel vestibulum mi vulputate. Praesent pretium imperdiet quam, eget ultricies risus scelerisque eu.

80% width Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a faucibus arcu. Phasellus elementum sed nisi sed gravida. Mauris venenatis mi vitae tellus sagittis, vel vestibulum mi vulputate. Praesent pretium imperdiet quam, eget ultricies risus scelerisque eu.


Two column Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a faucibus arcu. Phasellus elementum sed nisi sed gravida. Mauris venenatis mi vitae tellus sagittis, vel vestibulum mi vulputate. Praesent pretium imperdiet quam, eget ultricies risus scelerisque eu.

Card Title

Lorem ipsum dolor sit amet.

Card Title

Lorem ipsum dolor sit amet.

Card Title

Lorem ipsum dolor sit amet.

FULL WIDTH SECTION WITH BACKGROUND IMAGE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a faucibus arcu.
Phasellus elementum sed nisi sed gravida. Mauris venenatis mi vitae tellus sagittis, vel vestibulum mi vulputate.
Praesent pretium imperdiet quam, eget ultricies risus scelerisque eu.