More Related Content
Similar to Outwear Branding Manual
Similar to Outwear Branding Manual (20)
Recently uploaded
Recently uploaded (20)
Outwear Branding Manual
- 1. 1 BRAND IDENTITY STYLE GUIDE 2022
- 2. 2 Table of Contents Introduction.........................................................2 01 02 03 Basic Elements...................................................6 Stationary Design.............................................18 Project Overview Design Brief Color Palettes Typefaces Logo - Symbol Description - Black & White Logo + Ratio - Master Logo - Variations - Restrictions - Minimum Clear Space - Minimum Scale Flat design + Measurement Mockups - Letterhead - Envelope - Business Card - CD Cover - Folder
- 3. 4 04 05 06 07 Signage Design.................................................26 UI Design............................................................38 Merchandise Examples.................................48 Credits.................................................................54 Flat design + Dimension + Installation Mockups - Main Entrance - Directional Sign - Promotional Sign - Operating Hours Sign - Indicational Sign digital design + description for each part of the contents - Tablet View - Mobile View - Mockups Outwear Durable Simple Bag Outwear Bucket Hat Outwear Long Sleeve Outwear Windbreaker
- 4. 1
- 6. 3 Many teens and young adults are starting to get back into exploring nature and wildlife. With our digital age of computers, it’s easy for us to get stressed and filled with anxiety. What better way to relieve that stress than to spend some time outdoors under the sun. Las Vegas is a city surrounded by many landforms that allow for various spots to hike, rock climb, and various other outdoor activities. Sometimes it may be hard to find the right gear or clothing when going out for adventures. Outwear is an outdoor exploration brand meant to supply its customers with the clothing and equipment necessary for you to enjoy these outdoor adventures and activities. Introduction Project Overview
- 7. 4 Outwear creates a clean almost geometric look to the design of the clothing and accessories. The designs will be bold but not aggressive, we would like for them to match or contrast certain activities. For example, a jacket made for rock climbing may include designs that center around the idea of rock formations and landmarks. There may also be a contrasting version of the clothing that centers around the idea of stripes that may focus more on the fashion side. Another aspect that could possibly fit into the designs would be the wear of the designs. As the designs of the clothing and accessories start to wear away, I would like the wear of the designs to be part of the look of the clothing. This idea can help indicate whether someone may be a frequent rock climber or someone who may be new to the sport. In this way, it could help others feel more comfortable asking professionals or experienced amateurs about tips or questions for certain activities. Design Brief
- 8. 5
- 9. 6 Basic Elements Color palettes Typefaces Logo - Symbol description - Black&white logo+ ratio - Master logo - Variations - Restrictions - Minimum clear space - Minimum scale 02
- 10. 7 Fire Engine Red Red has a range of symbolic meanings through many different cultures, including life, health, vigor, war, courage, anger, love and religious fervor. Yellow Orange Color Wheel Yellow is for happiness, hope and spontaneity It’s another color that grabs your attention. It’s another warm color that can feel upbeat and bright. Ming Blue green is also a hue that can be spotted on magnificent damselfish. The color meaning behind blue green refers to harmony and prosperity. RGB: 193, 39, 45 CYMK: 17, 98, 92, 7 HEX: #C2262E RGB: 247, 147, 30 CYMK: 0, 50, 98, 0 HEX: # RGB: 34, 103, 115 CYMK: 87, 47, 45, 17 HEX: #226673 Color Palettes Primary Colors
- 11. 8 Outwear Cream Our Outwear cream symbolizes the starting point of any journey. We use this cream color in our clothing to express the importance of our quality in fabric. Cream is an outstanding color to express our years of quality. Gray Our Gray is used mainly in our typeface and design aspects of Outwear. Grey represents neutrality and balance. Its color meaning likely comes from being the shade between white and black. RGB: 255, 255, 222 CYMK: 1, 0, 15, 0 HEX: #FFFFDE RGB: 193, 39, 45 CYMK: 17, 98, 92, 7 HEX: #C2262E Secondary Colors Patterns
- 12. 9 Typefaces Bahnschrift is a brand new digitization of the famous DIN 1451 character design standard and was released as a variable font for Windows in 2017. DIN 1451 is a standardization for letterforms designs created by the German standards body Deutsches Institut für Normung (German Institute for Standardization) in 1931, and was intended for use on road signs and other technical implementations. The design was particularly optimized for legibility, simplicity, and ease in replication. Over the years, DIN has become a popular typeface for a wide range of design applications.
- 13. 10 Bahnschrift - Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz’”;:!?#$%&* 1234567890 Bahnschrift - SemiBold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz’”;:!?#$%&* 1234567890 Bahnschrift - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz’”;:!?#$%&* 1234567890
- 14. 11 Logo Symbol Description This logo is focused on the idea of simplicity. The focus is the mountain range to signify nature and terrain. There are 3 peaks to signifiy the three sides of the triangle, one of the strongest shapes in nature. The yellow bar under the mountain range signifies a foundation which is Outwear. We want to be able to provide the starting grounds for newcomers and returning wilderness explorers. 1 2
- 15. 12 Black and White Logo + Ratio x 1/4x 1/4x 6x 2.8x
- 17. 14 Variations
- 18. 15 Logo Restrictions Do not recolor any elements of our logo Do not stretch Do not Rotate Do not rearrange elements
- 19. 16 Clear space and Minimum Scale x x x x x 1” .58”
- 20. 17
- 21. 18 Stationary Design Flat Design + Measurements Mockups - Letterhead - Envelope - Business card - CD Cover - Folder 03
- 22. 19 Stationary Letterhead OutwearClothing.com Outwear Clothing 809 Franklin Ave. 702-430-0162 outwear@gmail.com 11” 1” 8.5” .7” .4” 9.6” 1”
- 24. 21 Stationary Business Card Cyrenz Garcia CEO & Designer OutwearClothing.com 702-430-0162 @Outwear 1” 3.5” 1.3” .65” 2” 1”
- 27. 24 Mockup OutwearClothing.com Outwear Clothing 809 Franklin Ave. 702-430-0162 outwear@gmail.com Cyrenz Garcia CEO & Designer OutwearClothing.com 702-430-0162 @Outwear
- 28. 25
- 29. 26 Signage Design Flat Design + Dimension + Installation Guides Mockups - Main Entrance - Directional Sign - Promotional Sign - Operating Hours Sign - Indicational Sign 04
- 30. 27 Signage Design Main Entrance 2’ 1.7’ Model Height is 6’2” 2.8’ above model head 9’ above the ground
- 32. 29 Directional Sign Signage Design Model Height is 6’2” 1.5’ 1.5’ 5’ above the ground 6.5’ from the ground to the top of the sign
- 34. 31 Promotional Sign Model Height is 6’2” 1.5’ Sign is 3.5’ from the ground 5’ from ground to the top of the sign 1.7’
- 36. 33 Operating Hours Sign Model Height is 6’2” Sign is 6’ from the ground 8.7’ from ground to the top of the sign 2.7’ 2.7’
- 37. 34 Operating Hours Sign Mockup
- 38. 35 Indicational Sign Model Height is 6’2” Sign is 5’ from the ground 2.3’ 1.3’ 1’ 3’
- 40. 37
- 41. 38 UI Design digital design + description for each part of the contents mockups -Tablet -Mobile -Mockup 05
- 42. 39 UI Design Tablet View 1. Main Menu, Logo, Login, Shopping Cart, and Hamburger Menu 2. Social Media Handles and A Main Headline to show our latest deals and promotionals 3. A Newest Arrivals section to feature our latest products
- 43. 40 4. About Outwear section to introduce the viewer to the brand and our mission
- 44. 41 UI Design Tablet View 5. A showcase of some of our recent products which the viewer can add to their shopping cart
- 45. 42 6. A promotional section where the viewer can get deals 7. A Newsletter section that you can sign up for to hear about our latest deals 8. Footer section used with navigation buttons, find us section, and social media.
- 46. 43 UI Design Mobile View 1. Shopping cart and Hamburger Menu 2. Social Media Callouts 3. Promotional Headline 4. All About Outwear 5. Winter Collection
- 47. 44 6. World Famous Gear 7. Promotional Deals 8. Newsletter 9. Footer Navigation 10. Find us 11. Social Media Callouts
- 49. 46
- 50. 47
- 51. 48 Merchandise Examples Outwear Durable Simple Bag Outwear Bucket Hat Outwear Long Sleeve Outwear Windbreaker 06
- 52. 49 Outwear Durable Simple Bag
- 56. 53
- 57. 54 Credits 07
- 58. 55 Credits Main Entrance Sign Directional Sign Promotional Sign Operating Hours Sign Indicational Sign Mobile UI Tablet and Mobile https://www.freepik.com/premium- psd/exterior-business-sign-mock- up_16136180.htm#query=sign%20 mockup&position=12&from_ view=keyword https://www.pexels.com/photo/ different-apparel-on-stand-in- clothing-shop-5709661/ https://www.pexels.com/photo/ different-apparel-on-stand-in- clothing-shop-5709661/ https://www.pexels.com/photo/ different-apparel-on-stand-in- clothing-shop-5709661/ https://www.pexels.com/photo/ different-apparel-on-stand-in- clothing-shop-5709661/ https://www.freepik.com/ premium-psd/red-gold-phone- screen-mockup-with-mobile-app- presentation-template_13777896. htm#page=2&query=phone%20 mockup&position=7&from_ view=search&track=sph https://www.freepik.com/ premium-psd/smart-phone-tablet- mockup_11411258.htm?query=tablet%20 mockup#from_view=detail_alsolike
- 59. 56 Outwear Durable Simple Bag Outwear Long Sleeve Outwear Bucket Hat Outwear Windbreaker https://www.freepik.com/premium- psd/canvas-bag-mockup_13808161. htm#page=2&query=bag%20 mockup&position=29&from_ view=search&track=sph https://www.freepik.com/free-psd/ set-black-hoodie-front-back- mockup_19316570.htm#query=long%20 sleeve%20mockup&position=3&from_ view=search&track=sph https://www.freepik.com/free- psd/hat-mockup-woman-s- head_14323626.htm#query=bucket%20 hat%20mockup&position=1&from_ view=search&track=sph https://www.freepik.com/premium- psd/black-jacket-logo-mockup- design-isolated_12347650.htm
- 60. 57 Created by Cyrenz Garcia