Uploaded byIbukun Adegola
Wash@home brand guidelines
This document outlines branding guidelines for Wash@Home, including: - The logo, its variations, minimum sizes, and incorrect uses - Primary and secondary colors that should be used consistently - Gotham Rounded as the primary typography across all platforms - Iconography that clearly communicates through rounded simple shapes - Illustrations that are inclusive and help expand the visual language - Graphical elements that showcase the brand across applications The guidelines provide a flexible yet consistent brand identity system to represent Wash@Home.
Wash@home brand guidelines
- 1.
- 2. Welcome to ourbrand Brand elements overview Logo Logo colour variations Logo clear space and minimum sizes Logo incorrect usage Colour Typograpghy Iconography Illustration Graphic elements More Information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 4 5 7 8 9 10 12 14 16 18 20 Brand Guidelines 2 Contents Brand Guidelines
- 3. 3Brand Guidelines Welcome toour brand This reference guide displays a flexible and prominent brand identity A system has been made to keep all the branding element consistent
- 4. Brand Guidelines 4 Brandelements overview Logo Typography Iconography Illustration Graphical ElementsColour Header & Body font: Gotham Rounded Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo- do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lo- rem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Primary Secondary
- 5. 5Brand Guidelines Logo The Wash@Homelogo is a valuable assest It is important to use it correctly to build a strong and consistent brand presence in the market The following pages outline how it should be used and not to be used
- 6.
- 7. 7Brand Guidelines Logo Variations BrandGuidelines Logo Options
- 8. Brand Guidelines 8 Logoclear space and minimum sizes Minimum SizesClear Space Digital 54 px Wide Print 19mm Wide
- 9. Brand Guidelines 9 Logoincorrect usage 1 Do not re-scale or stretch any part of the logo 5 Do not use lgo colours other than shown in “Logo Varia- tion” section 4 Do not reposition the watermark and logo icon 7 Do not have the word mark in another font type 6 Where there is small real estate, avoid the wordmark and use only logo icon instead. 8 Do not alter the geometry of the elements in the logo 3 Do not create or use the logo in outline form 9 Do not have font in all caps or no caps 2 Do not add apply any special effects to the logo e.g drop shadows of gradients 1 2 3 4 Wash@Home 7 5 8 6 WASH@HOME 9
- 10. 10Brand Guidelines Colour The colourpalette is fresh, modern and clean Designs should be done with a more preference to using the primary colours as oppose to the secondary colours
- 11. Brand Guidelines 11 PrimarySecondary Colour Blue Dark BlueBlack GreenPink WhiteYellow Hex #2E86FC Hex #262626 Hex #FF7A8A Hex #113F67 Hex #2A9D8F Hex #F6C667 Hex #FFFFFF RGB 46, 134, 252 RGB 38, 38, 38 RGB 256, 122, 138 RGB 17, 63, 103 RGB 42, 157,143 RGB 246, 198, 103 RGB 255, 255, 255 CMYK 89, 10, 0, 0 CMYK 38, 35, 33, 92 CMYK 0, 63, 29, 0 CMYK 100, 46, 0, 46 CMYK 100, 0, 60, 0 CMYK 0, 29. 100, 0 CMYK 0, 0, 0, 0 Blue, black and pink are the dominant colours and should be used generously Dark blue, green, yellow, light grey are the secondary colours and can be used on back- grounds and supporting visual elements.
- 12. 12Brand Guidelines Typography All effortshould be made to keep branding consistent across all platforms and touchpoints using the same font type but font weight can differ as required.
- 13. Brand Guidelines 13 Typography Font:Gotham Rounded Gotham Rounded is the rounded version of the ever popular Gotham typeface. Its rounded corners lend it a much more warm and friendly feel compared to the strong and authoritative Gotham. Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 ! @ # $ % Gotham Rounded Bold This font is very welcoming Gotham Rounded Medium This font is very welcoming Gotham Rounded Book This font is very welcoming Gotham Rounded Light This font is very welcoming
- 14. 14Brand Guidelines Iconography All effortshould be made to keep branding consistent and icons should clearly communicate the right intention.
- 15. Brand Guidelines 15 Iconography LaundryItems Icon Iconography ia connected with the typography at a funda- mental level (being rounded) to communicate the brand. Icons and their usage principles are predominantly designed to quickly and effectively communicate across all touch points. Items are placed in a blue container to enhance recognisabil- ity by giving it more visual depth and attention. Icons should be centered within container. Icons outlined by default and in the app navigation bar, they are used to denote inactive sections Filled Icons outlined by default and in the app navigation bar, they are used to denote inactive sections Outline
- 16. 16Brand Guidelines Illustration All effortshould be made to keep branding consistent and illustrations should clearly communicate the right intention.
- 17. Brand Guidelines 17 Illustrations Illustrationshere based off simple shapes, clean lines and min- imal detail to avoid distraction from the main message Human Illustrations used are as diverse as possible for inclu- sivity. Illustration are usually placed inside a faint blue colour to give it an extra bit of depth.
- 18. 18Brand Guidelines Graphical Elements Thereis a core library of bespoke assests to showcase the brand in difference applications. These illustrative elements helps to expand on the overall visual language.
- 19. Brand Guidelines 19 GraphicalElements
- 20. 20Brand Guidelines More Information Ifyou have any questions or require futher assistance, please contact us at : brand@washathome.com www.washathome.com