Getting started

The US Web Design Standards, Font Awesome, and user interface kits combine to create the base for the SAM Web Design Standards, an extension of the US Web Design Standards.

The SAM Web Design Standards

Built and maintained by IAE designers and developers, this resource extends The U.S. Web Design Standards to aid IAE designers and developers in creating an integrated award environment for the American people.

As the Standards do not replace the US Web Design Standards, it is important to visit and become familiar with them.

What you get

The US Web Design Standards

The U.S. Web Design Standards are the U.S. government’s very own set of common UI components and visual styles for websites.

18f

Font Awesome

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Dave Gandy

User interface kits

Give your values to the kits, they’ll give you the HTML comforming to the U.S. and SAM Web Design Standards.

The Draft U.S. Web Design Standards

The Draft U.S. Web Design Standards are designed to set a new bar for simplicity and consistency across government services, while providing you with plug-and-play design and code.

U.S. Web Design Standards

What you get

Bourbon

A simple and lightweight mixin library for Sass.

thoughtbot, inc.

Neat

A lightweight semantic grid framework for Sass and Bourbon.

thoughtbot, inc.

jQuery

jQuery is a fast, small, and feature-rich JavaScript library.

The jQuery Foundation

UI Components and HTML patterns

Common web interactions (buttons, forms, navigation, etc.) with reusable and downloadable code.

U.S. Web Design Standards

Colors, typography, and design guidance

508-compliant colors and typography designed to bring consistency to government web design.

U.S. Web Design Standards

Available as a Node module

npm is the package manager for JavaScript.

npm Inc.

There’s more, but the USDS and 18f have it covered.

Giving back to the greater good

SAM designers and developers believe in the mission of The Draft U.S. Web Design Standards.

We can be found contributing back to The Draft U.S. Web Design Standards as much as to the SAM Web Design Standards; or interacting with the vibrant community there. We hope to help create a better experience for all users of Federal websites, not just our own.

Contribute

The Standards were created to help SAM designers and developers get up and running quickly toward building for the environment. We have opened them to the world as an open srouce package available through npm (samwds).

Help us make it better by contributing on GitHub.