Welcome to the USPS Government Agency Guidelines

The User Interface Style Guide is here to help maintain your brand across multiple platforms (desktop, tablet, mobile, ios, android, etc) and across multiple markets. Constant iteration requires both an efficient workflow and a well defined collection of core UI elements that can be assembled quickly. Reinventing the wheel is out and standards are in.

Typography

The USPS uses the following two typefaces:

Open Sans

Open sans is to be used for headers.

Lucida Sans

Lucida sans is to be used for headers.

This is an H1.

This is an H2.

This is an H3.

This is an H4.

This is an H5.
This is an H6.

This is a paragraph


CSS

font-family: Verdana, Geneva, Tahoma, sans-serif;
font-family: Verdana, Geneva, Tahoma, sans-serif;

Colors

Primary Colors

Primary Red

#C5491F

Harvest Gold

#EEAE29

Primary Green

#246464

Purple Haze

#503C9A


Secondary Colors

Gray

#D9D9D9

Background Color

#EADFC0

Foxy Brown

#40190C

Text

#1E1E1E

Black Sabbath

#010000

CSS

/*Primary Colors*/
button {
    background: tomato;
    height: 40px;
    width: 120px;
    border-radius: 4px;
    padding: 5px;
    margin: 20px;
}

button:hover {
    background: yellow;
}

Buttons

CSS

/*Primary Colors*/
button {
    background: tomato;
    height: 40px;
    width: 120px;
    border-radius: 4px;
    padding: 5px;
    margin: 20px;
}

button:hover {
    background: yellow;
}

Icons

Imagery