Brand

On this page you will find logos and styleguides for the Workshop.codes brand.

Colors

Fonts

The logo and special elements use Barlow Condensed

Basic font (this one) used on the website vary on your device. It's not recommended to use this in any styling, as it's not consistent. In order of importance: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji".

Logos

The logo should not be altered. Not in form and not in color. The logo should always be displayed with either the black or gray cog, the color of the cog should not be altered. The text should always be displayed in white.

Primary Logo, SVG

Primary Logo, PNG

Alternative Logo, PNG

Wiki Logo, PNG

Primary icon, SVG

Primary icon, PNG

Alternative icon, PNG

Background

These backgrounds are often used in association with other branding. Please note that some of these are altered images from Overwatch and not direct property of Workshop.codes

Primary background, JPG

Wiki background, JPG

Pattern background full, JPG

Pattern background single, Webp