Skip to content

Changes

Page history
Update Department of Commerce Web Style Guide authored by KAI YEE's avatar KAI YEE
Show whitespace changes
Inline Side-by-side
Department-of-Commerce-Web-Style-Guide.md
View page @ a2359ec6
...@@ -52,6 +52,14 @@ Official Commerce colors are variations of blue ...@@ -52,6 +52,14 @@ Official Commerce colors are variations of blue
**U.S. Web Design System Colors** **U.S. Web Design System Colors**
The following is a full display for the Commerce theme color pallet. This pallet is intentionally limited for consistency and Section 508 accessibility.
![Theme_color_pallette](uploads/0415203969fbde78f27826f8dd3837f8/Theme_color_pallette.jpg)
State color pallet used for alerts and messages.
![State_color_pallette](uploads/d2d34bc970b04444611ed1e4ae159876/State_color_pallette.jpg)
***Beyond the use of Commerce colors, other available colors are described below using USWDS color tokens. Please avoid custom colors whenever possible.*** In the long run, it’s a better user experience across government when there’s coherence across sites and services. While your mission, project needs, and user needs always come first, using USWDS colors and system allows the system to learn, adapt, and improve over time. ***Beyond the use of Commerce colors, other available colors are described below using USWDS color tokens. Please avoid custom colors whenever possible.*** In the long run, it’s a better user experience across government when there’s coherence across sites and services. While your mission, project needs, and user needs always come first, using USWDS colors and system allows the system to learn, adapt, and improve over time.
| USWDS standard system color wheel | USWDS vivid system color tokens wheel | | USWDS standard system color wheel | USWDS vivid system color tokens wheel |
......