Story Transcript
Brand Guidelines
Page 2
Contents Logos 3 Primary Logos Secondary Logos Logomark Minimum Clear Space Logo forms Logo Rules
Dynamic Shapes Holding Device Branding Element
11
Fonts 13 Primary Font Family Fall-Back Font Family
Digital Applications Digital Banners Social Media Email Signature Presentation
19
Business Card Documents
Icons 21 Icons
Colours 9 Primary Colours Secondary Colours Colour Proportions
Print Materials
15
Brand Guidelines
Page 3
Logos
Primary Logos Gradient logo variations
The primary logo is in horizontal format and should be used in the majority of design applications. Make sure to take note of the logo rules on pages 6-8.
Solid colour logo variations
Monochrome logos
Brand Guidelines
Page 4
Logos Gradient logo variations
Secondary Logos The secondary logo is in vertical format and should be used in applications where the primary logo would not fit, or would be awkwardly spaced.
Solid colour variations
Outlined logomark variations
Monochrome logos variations
Make sure to take note of the logo rules on pages 6-8.
Brand Guidelines
Page 5
Logos
Logomark Gradient logomark variations
Solid colour logomark variations
Monochrome logomark variations
The logomark is separate from the wordmark in the full logo. It is rarely to be used, but is mostly suitable in digital applications where the brand is already established, e.g. social media.
Brand Guidelines
Page 6
Logos
Minimum Clear Space Minimum clear space is important to note so that the logo is never oversized or overcrowded in design and marketing collateral. Primary logo should be used where possible, but certain applications require a vertical logo, in which case the secondary logo should be used.
Brand Guidelines
Page 7
Logos
A combination of sharp & round corners
Negative space shows an “S” in the same weight as the logotype
Sharp corners convey precision and expertise
Logo forms
Rounded corners soften the brand to convey approachability
The logomark is a combination of sharp and round corner, which ties into the dynamic brand. The wordmark is a custom modified font to suit the logomark. The wordmark should never appear separate to the logomark, only ever in the primary or secondary logo forms.
Logotype is a custom modified version of the font Houschka Rounded.
Brand Guidelines
Page 8
Logo
Do not: Logomark x
Logo Rules Do not: Logomark Do not resize or change the position of the logomark.
Do not: Wordmark x
sudosky Do not: Sizing x
Do not: Colours x
sudosky
Do not: Wordmark Do not use any other font, no matter how close it might look to the wordmark. Do not: Sizing Do not use squish or squash the logo. Any resizing must be in proportion. Do not: Colours Do not change the colours even if they look similar. Use the official colour specifications detailed in these guidelines
Brand Guidelines
Page 9
Colours
Primary Colours
Strong Violet #5f22c8 76 -85-0-0 Pantone 2090 C
Gradient #5f22c8 to #ff5a41
Electric Coral #ff5a41 0 -80-76-0 Pantone 171 C
True Black #000000 75- 68-67-90 Pantone 6 C
These are the primary colours that make up the SudoSky brand. Spot, process and hex values are included as easy reference for various applications, e.g. print & web. The SudoSky gradient is composed of a 50/50 Electric Coral to Strong Violet transition.
Brand Guidelines
Page 10
Colours
Secondary Colours #4187ff
#41ffb9
#b383ff
#9dff48
#ffeb5a
#ff965c
The secondary colours can be used alongside the primary palette for diagrams, infographics, etc ... where necessary.
Colour Proportions A visual representation of how the primary and secondary colours should be used.
Brand Guidelines
Page 11
Dynamic Shapes
Holding Device Holding Device / Dynamic Shape
To create a diverse and cohesive brand identity, there are several dynamic shapes that aid SudoSky’s visual language. The holding device mirrors shapes from the logo, and is useful for separating text/information from a busy background or as a banner shape.
Examples of holding device / dynamic shape in use
Brand Guidelines
Page 12
Dynamic Shapes
Branding Element Branding Element / Dynamic Shape
To create a diverse and cohesive brand identity, there are several dynamic shapes that aid SudoSky’s visual language. The branding elements are made from different combinations of the outline of the logomark, and is useful for carrying through the visual identity on marketing and brand collateral. The branding element can exist in any colour, but is usually used with a gradient fill on a gradient background.
Examples of branding element / dynamic shape in use
Brand Guidelines
Page 13
Fonts Omnes Font
Primary Font Family Omnes The primary font for the SudoSky brand is Omnes. This font family is modern, clean, and should be used in all official design and marketing collateral. To use these fonts on a web page, copy this code into the tag of your HTML:
Font Application
Brand Guidelines
Page 14
Fonts Calibri Font
Fall-Back Font Family Calibri If Omnes is unavailable (certain digital applications), Calibri should be used.
Brand Guidelines
Page 15
Digital Applications
Digital Banners These are style guides for digital banners, see AI files to edit. 728px X 90px
Messaging - 300px X 50px
CTA - 300px X 50px
300px X 250px
Messaging - 300px X 50px
CTA - 300px X 50px
Brand Guidelines
Page 16
Digital Applications
Social Media
These are style guides for social media, see AI files to edit.
Facebook Story 1080x1920
Square 1080x1080
Facebook & Linkedin Landscape 1200x630
Profile Picture Options
Brand Guidelines
Page 17
Digital Applications
Email Signature Email Signature supplied in .jpg and HTML format. To add email signature to your email, open the html file in your browser, ctrl/cmd A to select all, copy, and paste in your email signature settings.
Brand Guidelines
Page 18
Digital Applications
Presentation See Google Slides files.
Brand Guidelines
Page 19
Print Materials
Business Card See print-ready files.
Brand Guidelines
Page 20
Print Materials
Documents See Google Doc files.
Brand Guidelines
Page 21
Icons
Icons Icons are supplied in .svg and .png formats, so they are editable in colour. They will primarily be used in presentations.