GRC 420 - 1001 Fall 2022 Cyrenz Garcia

Page 1

1 BRAND IDENTITY STYLE
2022
GUIDE
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
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

Introduction

Project Overview Design Brief

2
01

Introduction

Project Overview

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.

Design Brief

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

6 Basic Elements Color palettes Typefaces Logo - Symbol description - Black&white logo+ ratio - Master logo - Variations - Restrictions - Minimum clear space - Minimum scale 02

Color Palettes

Primary Colors

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.

RGB: 193, 39, 45

CYMK: 17, 98, 92, 7

HEX: #C2262E

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.

RGB: 247, 147, 30

CYMK: 0, 50, 98, 0 HEX: #

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: 34, 103, 115

CYMK: 87, 47, 45, 17 HEX: #226673

7

Secondary Colors

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.

RGB: 255, 255, 222

CYMK: 1, 0, 15, 0 HEX: #FFFFDE

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: 193, 39, 45

CYMK: 17, 98, 92, 7 HEX: #C2262E

Patterns

8

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.

9
10 Bahnschrift - Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz’”;:!?#$%&* 1234567890 Bahnschrift - SemiBold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz’”;:!?#$%&* 1234567890 Bahnschrift - Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz’”;:!?#$%&* 1234567890

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.

11
Logo
1 2
12
6x
Black and White Logo + Ratio x 1/4x 1/4x
2.8x

Master Logo

13 Logo

Variations

14
15
Restrictions Do not recolor any elements of our logo Do not stretch Do not Rotate Do not rearrange elements
Logo
16 Clear space and Minimum Scale x x x x x 1” .58”
18 Stationary Design Flat Design + Measurements Mockups - Letterhead - Envelope - Business card - CD Cover - Folder 03
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”
20
1.4” 1.3” 4” 9.5” 6.2” 1.5” 1.5”
Envelope

Stationary Business Card

Cyrenz Garcia CEO & Designer OutwearClothing.com 702-430-0162 @Outwear

21
1” 3.5” 1.3” .65” 2” 1”
22 CD
4.7” 4.7” 1.5” 1.2”
Cover
23
Folder 12” 18” 3.2” 3”
Stationary

Mockup

24
earClothing.com Outwear Clothing 702-430-016 outwear@gmail.com Cyrenz Garcia CEO & Designer Outw earClothing.co m 702-430016 2 @Outw
26 Signage Design Flat Design + Dimension + Installation Guides Mockups - Main Entrance - Directional Sign - Promotional Sign - Operating Hours Sign - Indicational Sign 04

Signage Design

Main Entrance

2’ 1.7’

2.8’ above model head 9’ above the ground

Model Height is 6’2”

27

Main Entrance Mockup

28

Directional Sign Signage Design

1.5’

1.5’

Model Height is 6’2”

5’ above the ground

6.5’ from the ground to the top of the sign

29

Directional Sign Mockup

30

Promotional Sign

Model Height is 6’2”

1.7’

Sign is 3.5’ from the ground

1.5’

5’ from ground to the top of the sign

31

Promotional Sign Mockup

32

2.7’

Operating Hours Sign

2.7’

Model Height is 6’2”

Sign is 6’ from the ground

8.7’ from ground to the top of the sign

33

Operating Hours Sign Mockup

34

2.3’

Indicational Sign

1.3’ 1’ 3’

Model Height is 6’2”

Sign is 5’ from the ground

35

Indicational Sign Mockup

36
38
Design digital design + description for each part of the contents mockups -Tablet -Mobile -Mockup 05
UI
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
40
4. About Outwear section to introduce the viewer to the brand and our mission

UI Design

Tablet View

5. A showcase of some of our recent products which the viewer can add to their shopping cart

41
42
deals
6. A promotional section where the viewer can get
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.
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
44 6. World Famous Gear 7. Promotional Deals 8. Newsletter 9. Footer Navigation 10. Find us 11. Social Media Callouts

UI Design

Mockups

45
46
48 Merchandise Examples Outwear Durable Simple Bag Outwear Bucket Hat Outwear Long Sleeve Outwear Windbreaker 06
49
Outwear Durable Simple Bag

Outwear Bucket Hat

Outwear Long Sleeve

51

Outwear Windbreaker

07

Credits

54

Main Entrance Sign

https://www.freepik.com/premiumpsd/exterior-business-sign-mockup_16136180.htm#query=sign%20 mockup&position=12&from_ view=keyword

Directional Sign

Indicational Sign

Promotional Sign

Mobile UI

https://www.pexels.com/photo/ different-apparel-on-stand-inclothing-shop-5709661/ https://www.pexels.com/photo/ different-apparel-on-stand-inclothing-shop-5709661/ https://www.pexels.com/photo/ different-apparel-on-stand-inclothing-shop-5709661/

Operating Hours Sign

https://www.pexels.com/photo/ different-apparel-on-stand-inclothing-shop-5709661/ https://www.freepik.com/ premium-psd/red-gold-phonescreen-mockup-with-mobile-apppresentation-template_13777896. htm#page=2&query=phone%20 mockup&position=7&from_ view=search&track=sph https://www.freepik.com/ premium-psd/smart-phone-tabletmockup_11411258.htm?query=tablet%20 mockup#from_view=detail_alsolike

Tablet and Mobile

55
Credits

Outwear Durable Simple Bag

https://www.freepik.com/premiumpsd/canvas-bag-mockup_13808161. htm#page=2&query=bag%20 mockup&position=29&from_ view=search&track=sph

Outwear Bucket Hat

https://www.freepik.com/freepsd/hat-mockup-woman-shead_14323626.htm#query=bucket%20 hat%20mockup&position=1&from_ view=search&track=sph

Outwear Long Sleeve

https://www.freepik.com/free-psd/ set-black-hoodie-front-backmockup_19316570.htm#query=long%20 sleeve%20mockup&position=3&from_ view=search&track=sph

Outwear Windbreaker

https://www.freepik.com/premiumpsd/black-jacket-logo-mockupdesign-isolated_12347650.htm

56
57
Created by Cyrenz Garcia
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.