Logos and Branding

Branding Guide and Logos for CSS

All of our logos are available in various file formats/revisions/colours in the following folders:

• CSS Circle: versions of the CSS shield surrounded by a circle with the text "Computer Science Society"
• CSS Circuit: Contains versions of the circuit portion of the CSS shield in black and white
• CSS Full Logo: Contains versions of the classic CSS logo with the text "Computer Science Society" to the right of the CSS shield
• CSS Shield: Contains versions of the CSS shield by itself
• Icon: Contains different icons based on the CSS logo using different sizes and for different platforms
• Minimized: Contains different versions of the minimized logo as found on the CSS Wiki
• Templates: Contains different PowerPoint and Word templates to use when making presentations/documents for the Computer Science Society
• Branding Guide (Colour Codes).pdf: Contains the colour codes for the different colours used in the CSS logo

Colour Codes

Below are the hex codes for the various "CSS Colours":

• #005596
• #ffcf01
• #033b5e

Fonts

Below are the different fonts used for various CSS Logos

• CSS Circle Logo - Arial, Bold
• CSS Full Logo - Spectral, Bold

Want a version of our logo with a different colour or another change?

Don't edit PNG or other raster file types, instead edit the vector versions of our logos (.svg, .ai, or .afdesign)

• .svg files can be edited using the free open source software Inkscape
• .ai files can also be edited using Inkscape, but are meant to be edited using Adobe Illustrator
• .afdesign files can be edited using Affinity Designer

If you're unsure which one to use, go with Inkscape as it is free.

Copy and Paste Logos

CSS Shield	CSS Circle	CSS Full Logo	CSS Full Logo (White Text)