Skip to main content

What is Project Corsair?

Project Corsair is an interpretation of the US Web Design System (USWDS) 2.0. The purpose is to serve as a testing ground and candidate for one federal agency's template refresh, as well as providing examples for others to use. The initial ground rules are to stick with the USWDS as the foundation wherever possible, maximize accessibility and performance, and provide a professional design that will work for a wide range of websites. This is very much a work in progress and as features are added, links in the menu will be activated. I will also be posting information on my blog and as styles are extended, they will be available on Github.

Tools in Use

Just a list of software and service used in the creation of this project.


  • Visual Studio Code
  • US Web Design System 2.0 (beta 1)
  • FontAwesome 5 (latest release)
  • Prism.js
  • ColdFusion 2018
  • ColdBox 5
  • CommandBox
  • MySQL
  • Github

As Needed

  • MediaElement.js
  • DevExpress 18.2.6
  • Adobe Dreamweaver CC
  • Adobe Photoshop CC
  • Adobe Illustrator CC
  • Adobe XD
  • Sketch
  • Prepros

Project Status

34% Complete
66% Incomplete

Completed Items

In Progress

In progress refers to features that are complete in code, but the pages and examples are still in the works.

  • Sections (color variations)
  • Button Cards
  • Cards (flex-based cards)
  • Columns (column count, gap, width)
  • Tabs

To Do List

Many of these were completed for USWDS 1.* but are being redone using the new code base.

  • Accordions (color variations)
  • Hero Callouts
  • Progress Bars
  • Various page layouts
  • Theme for ContentBox


Page content was last updated: Monday, October 15, 2018