Accessibility is an essential aspect of web development for the City of Chicago. With nearly ten million people in the Chicago metropolitan area, and millions of visitors each year, accessibility means the greatest number of users can view our content.
In general, the City of Chicago follows WCAG2.0 AA as our standard for accessibility. All patterns, styles, and color combinations in the Pattern Library have been tested to comply with this standard.
See our Accessibility Standards
The CDS Pattern Library is a complete repository of our colors, fonts, and styles. It gives you the exact details to set the standard for what to implement on your site. At the same time, the Pattern Library offers assets and resources to cut down on time and standardize city sites.
When building your CDS site, make sure to reference the Pattern Library to bring your site as close as possible to the CDS standard.
We are updating the code behind our UI patterns. Today, you can see our updated sticker sheet produced in Figma.
See our UI patterns
The Chicago Design system methods shows you the Chicago way of development and production. These are the services we currently offer, and have been adapted from the federal design process. Creating a well-designed, user-oriented product is of utmost importance, and as such our methods are focused around that goal.
Check back regularly, as the processes and services we offer may change, and we are always working on updates to our playbook.
See our Design methods
Design & imagery
The Chicago Design System theme was developed in pro bono partnership with Ogilvy, and type designer Patric King of House of Pretty. Typefaces Big Shoulders (coming soon!), Saira, Roboto, and Lora are hosted on Google fonts
Many of the images appearing on City of Chicago websites are a product of the Department of Fleet and Facility Management’s Bureau of Asset Management.
Prints are available to buy online at the Chicago Image Gallery.