Skip to main content
U.S. flag

A US Web Design System website

What is Project Corsair?

Project Corsair is an interpretation of the US Web DesignSystem (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 inital 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. 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.

Primary

  • Visual Studio Code
  • US Web Design System 2.0 (alpha 3)
  • FontAwesome 5 (latest release)
  • ColdFusion 2018
  • ColdBox 5
  • MySQL
  • DevExpress 18.2.6
  • Github

As Needed

  • MediaElement.js
  • Adobe Dreamweaver CC
  • Adobe Photoshop CC
  • Adobe Illustrator CC
  • Adobe XD
  • Prepros

Completed Items

To Do List

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

  • Accordions (color variations)
  • Sections (color variations)
  • Button Cards
  • Extended Tables
  • Progress Bars
  • Cards (flex-based cards)
  • Button Cards
  • Tabs
  • Columns (column count, gap, width)

 

Demonstration Area

Tutorials showing how different layouts are achieved using USWDS.