GRC420-1001_Fall2022_PaolaMacias

Page 1

brand identity style guide 2022

table of contents 01 Introduction project brief design overview 02 Basic Elements color palettes typefaces logo 03 Stationary letterhead envelope business card cd cover folder mockups 06 Merchandise tote bag mug sweater 07 Credit 04 Signage entrance promotional cafe menu genre sections reading zone 05 UI Design tablet view smartphone view
01

INTRODUCTION

project brief design overview

project brief

Cuentos Bookseller is a local bookstore located in Las Vegas. Our bookstore also has an adjoining cafe with an array of drinks and snacks. Our bookstore is catered to people of all age groups and literary preferences. We want to create a community where all people feel welcome and comfortable to browse around and relax with a drink and pastry at hand.

Our main goal with this business is to create a bookstore that relies on theme and ambiance; to create an ultimate book shopping experience for readers and non-readers alike. We strive to evoke this feeling by focusing our businesses theme on the cottage-core aesthetic.

design overview

Our brand’s goal is to evoke a warmth and friendly atmosphere. We want to make sure that our business design is reminiscent of traditional bookstores while also branching out into something new and modern. Through our typefaces, color palettes, and hand-drawn assets, we strive to emulate these humble, traditional, and modern aesthetics. Within our hand-drawn assets and imagery, we try to stick with images that relate to the cottage-core aesthetic by using icons like mushrooms, leaves, and books.

02

BASIC ELEMENTS

color palettes typefaces logo

The color palette chosen for cuentos leaned heavily on more warm and earthy tones. Our colors were chosen to represent the cottage-core theme that our store is trying to emulate. We wanted colors that felt down to earth, humble, and welcoming.

color palettes
#4b563c CMYK: 65 47 77 38 RGB: 75 86 61 #6d7b5f CMYK: 58 38 67 15 RGB: 109 123 95 #d3775b CMYK: 15 63 67 2 RGB: 208 118 90

Democratia OT is the typeface used within the logo. It was chosen as a way of tying in the more traditional aesthetics. It is not used frequently throughout our design as a means of keeping its usage within the logo more iconic.

Greycliff CF is the typeface that is most primarily used throughout the designs. Its wide array of fonts within its font family allows for differnent use of emphasis throughout the designs.

Bb Cc Dd
Oo Pp
Vv Ww Xx
Zz 0 1 2 3 4 5 6 7 8 9
Hh Ii
Ll Mm
Pp
Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9
Bb
Hh Ii
Ll
Pp Qq Rr Ss
Ww Xx
Zz 0 1 2 3
5
7 8 9
0
0
typefaces Aa
Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Qq Rr Ss Tt Uu
Yy
Aa Bb Cc Dd Ee Ff Gg
Jj Kk
Nn Oo
Qq Rr
Aa
Cc Dd Ee Ff Gg
Jj Kk
Mm Nn Oo
Tt Uu Vv
Yy
4
6
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 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

logo: symbol description

When creating the logo symbol for our business, we wanted to create something that blends the themes we want represented.

1. The books are meant to tie in the fact that this is a book store, it adds some relevancy to the genre of business.

2. The mushrooms are symbols that tie in the cottagecore aesthetic that our bookstore encompasses.

By combining both, we establish a cottage-core themed bookstore.

1 2

black & white logo + ratio

1.8x 3.4x 3.7x

2/3x x

3.5x

master logo

variations

clear space + minimum size

x x x x 1.57 in .41 in x

logo restrictions

do not change the position of the logo do not skew or tilt the logo do not use colors outside its color scheme do not distort the logo

03
STATIONARY letterhead envelope business card cd cover folder mockups

letterhead

.2 in .2 in

.5 in .4 in

8.5 in .7 in 2.7 in 2.8 in .26 in

11 in .5 in

.4 in .36 in

1.48 in

9.5 in 9.5 in

.48in .96in .35 in 2 in 1 in

4.125 in 4.125 in .5in 1.62 in 3.89 in 3.89 in

envelope

.06 in .08 in

3.5 in 2 in 3.5 in 2 in

.57 in .3 in

.7 in .42 in 1.67 in 1.68 in

business card
cd cover + disk
4.7 in 4.75 in 4.75 in 1.1 in 1.2 in .54 in 1.03 in 2 in .53 in .24 in

12 in

1.4 in .59 in

9 in 4.4 in .74 in

2.8 in

10.44 in 4.28 in

folder
12 in 18 in
04
SIGNAGE entrance promotional cafe menu genre sections reading zone

entrance sign

6’ 9’ 4’ 2’ 3’
promotional 3’8” 30” 18” 5’ 4”

cafe menu

6’ 5’ 3’
2’

section

genre
5’ 4” 8’ 2.5’ 2.6’ 4’
5’6” 6’ 24” 18” 12”

reading zone

5’ 4” 4’ 6” 20”
18” 2’
2.6’
05

UI DESIGN

tablet view mobile view

tablet view

this is the navigation bar that allows for easy access and navigation throughout the website this is a banner and slideshow that displays the highlights of the website. The first slide displayed here shows the upcoming bookclub event within the store.

here we have one of two carousels that are present within the homepage of the website. We have displayed a bestsellers list as well as staff picks to show that our business values both what the consumers like as well as our employees.

we have decided to make navigation even simpler by showcasing a calendar marked with upcoming bookstore events. Alongside the calendar, we have a more detailed list that goes into depth about each event going on during said day.

the footer includes more information about our business; location, hours, and contact info. We also have displyed our social media and the option to learn more about us.

smartphone view

06

MERCHANDISE

tote bag mugs sweater

07

CREDITS

credits

Included here are all the credits and links for the mock-ups and images used for the cuentos brand.

Stationery Mock-up

https://www.freepik.com/free-psd/corporate-identity-mockup-psd-set-business-enterprise_17860610.htm#query=branding%20 identity%20mockup&position=3&from_view=search&track=sph

Entrance Mock-up

https://resourceboy.com/mockups/two-rectangular-shop-signboard-mockups/

Promotional Mock-up

Pilsen Community Books

Credit: Steel Brooks/ Cafe Menu Mock-up

https://unsplash.com/photos/WxfXOQEpyFg

Genre Section Mock-up

https://booksaremagic.net/about Miranda Alam/Special to the Weekly

Reading Zone Mock-up

https://unsplash.com/photos/ju_8CFxk6_o

Tablet Mock-up

https://www.freepik.com/free-psd/tablet-screen-mockup-psd-digitaldevice-with-your-design-here-graphic_18431105.htm#query=tablet%20 mockup&position=5&from_view=search&track=sph

Phone Mock-up

https://www.freepik.com/free-psd/closeup-mobile-phone-showing-recipe-screen_2733654.htm#query=holding%20coffee&position=0&from_view=keyword

Tote Bag Mock-up

https://www.mockupworld.co/free/tote-bag-mockup/

Mug Mock-up

https://goodmockups.com/free-twin-mug-mockup-psd/

Sweater Mock-up

https://www.freepik.com/free-psd/sweater-mockup-frontback_12710814.htm#page=2&query=mug%20mockup&position=10&from_ view=search&track=sph

designed by Paola Macias

Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.