The Chicago Design System is the public visual identity of the City of Chicago.
It is an inclusive, equitable, cost saving system for City communication and for public use to show civic pride.
All City of Chicago identity elements
Our star, colors, type & icons
The seals of the City of Chicago
The flag of the City of Chicago
The original public mark for remix
Our new logo for public use
Big Shoulders
our public font
A design system for digital apps
About the Chicago design system
Inclusive text works better for everyone
How to design with the public
Learn about the design office
The Chicago star is 14 inches tall with six points drawn from a circle six inches in diameter. The star’s points should be
at 30 degree angles. See The Chicago Municipal Code CHAPTER 1-8 CORPORATE SEAL AND EMBLEMS. Specifically, sections 020 and 030 concerning the “Design of flag, emblems and badges” and “Municipal flag – Design requirements,” respectively.
Now, you are probably thinking to yourself, “Shut up and just give me the star so I can get a tattoo already!”
And I say to you: “No.”
?!?
This is way better: Visit the typography page.
There you can download Big Shoulders, our free, open source municipal typeface from Google Fonts and you can learn how to turn on discretionary-ligatures to make a perfect Chicago star every time in any color at any size. Boom! Way better.
Download color swatch (.zip file)
$color-black: #000000;
$color-flag-blue: #41B6E6;
$color-star-red: #E4002B;
$color-white: #FFFFFF;
$color-gray-dark: #4D4D4D;
$color-gray-light: #B3B3B3;
$color-gray-lighter: #D9D9D9;
$color-gray-lightest: #F1F1F1;