Color
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.
Blue:
#2E4D6D
C:25 M:13 Y:0 K:57
Dark:
#202121
C:65 M:043 Y:26 K:78
White:
#FFFFFF
C:0 M:0 Y:0 K:0
Font
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