Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

  • Special Publication:  Public Website Visual Style Guide
  • August 2015

Changelog

See what's changed.

May 15, 2019

Lists

  • Added .ul-list-inline-pipe helper class.

Text & Typography

  • Added .text-align-left helper class.

May 6, 2019

Media and Images

  • Added file format and naming conventions table.

April 24, 2019

Media and Images

  • Photos: added code pattern to provide more specificity for marking up images without captions.

October 26, 2018

Alerts and Modals

  • Badge: added the .badge-box code pattern and helper classes.

Color

  • Added classes to change the background to a specific color; added “web deep green” from the web palette

Containers and Tables

  • Added “Card Basic” code pattern
  • Added .table-no-border and .table-valign-top helper classes

Lists

  • Added .list-no-margin, .ul-list-bullet-check-mark and .check-mark-bold-blue helper classes

Media and Images

  • Added minimum image size recommendation
  • Added .figure-align-center, .figure-align-left, .figure-border, .figure-width-two-thirds and .figure-width-three-fourths
  • Renamed .figure-no-border to .figure-img-no-border to better identify what it does

Type and Text

  • Added “Callout Data Point” code pattern
  • Added .text-large, .text-xl, .text-enormous and .text-gigantic helper classes

December 8, 2016

  • Style Guide published