Civic Brand Guidelines

You may include these official assets on your webpage, application or in printed materials if you have obtained prior consent from someone on our team.


Color is one of the best ways for people to recognize the Civic brand. Use the green button on light backgrounds and the white button on dark backgrounds. Use the inverse icon color. Never use any other colors to represent Civic.


C:25 M:13 Y:0 K:57


C:65 M:043 Y:26 K:78


C:0 M:0 Y:0 K:0


Civic’s font is Inter. You may choose the font, font weight, and kerning that matches your own brand’s style.

Clear space

When you’re using the Civic logo with other graphic elements, leave clear space around the logo that is equal to at least 1/3rd of the height of the icon. Display the Civic icon no smaller than 16px.

Civic Buttons

For partners integrating with Civic, use these buttons on your website or app.

dark uses cookies for analytics and functionality purposes. To find out more, please read our Privacy Policy. If you continue browsing our website or close this banner, you accept these cookies.