Page layout - Page heading H1

Intro Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Section heading H2

Sub section heading H3

Normal Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Typography

Clear and consistent headings, highly legible body paragraphs, clear labels, and easy-to-use input fields.

Typeface

Source Sans Pro is an open-source sans-serif typeface created for legibility in UI design. With a variety of weights that read easily at all sizes, Source Sans Pro provides clear headers as well as highly-readable body text.

Default

Aa

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

!@#$%^&*()-_=+

Light

Aa

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

!@#$%^&*()-_=+

Bold

Aa

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

!@#$%^&*()-_=+

Color

A flexible, yet distinctly American palette designed to communicate warmth and trustworthiness while meeting the highest standards of 508 color contrast requirements.

Base Palette

Text

Link Default

Link Hover

Background

White

#2F2C2A

#0068AD

#183F6E

#F7F7F7

#FFFFFF

Core Palette

Primary

Secondary

Tertiary

#236430

#205493

#494440

Accent Palette

Aqua

Red

Yellow

#00A6D2

#CD2026

#FDB81E

Buttons

Primary (default)

Secondary

Tertiary

Flat

Inline Alerts

Breadcrumb

Tables

Heading #1
Heading #2
Heading #3
Simple content
Simple content
Simple content
Simple content
Simple content
Simple content

On this page