Nhue Aromatherapy - Brand Identity Manual
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
NHUE AROMATHERAPY<br />
BRAND IDENTITY MANUAL<br />
UPDATED 01/2021
CONTENTS<br />
INTRODUCTION<br />
_____________________________________ 04<br />
VISION _____________________________________ 06<br />
BRAND _____________________________________<br />
VALUES<br />
08<br />
LOGO _____________________________________ 10<br />
LOGO _____________________________________<br />
CONSTRUCTION<br />
12<br />
COLOR _____________________________________<br />
SYSTEM<br />
15<br />
TYPOGRAPHY<br />
_____________________________________ 17<br />
INCORRECT _____________________________________<br />
USAGE<br />
20<br />
GRID _____________________________________<br />
SYSTEM<br />
22<br />
WEB _____________________________________<br />
DESIGN<br />
24<br />
MOBILE _____________________________________<br />
DESIGN<br />
27<br />
SOCIAL _____________________________________<br />
MEDIA<br />
29<br />
EMAIL _____________________________________<br />
SIGNATURE<br />
32<br />
STATIONERY<br />
_____________________________________ 34<br />
IMAGE _____________________________________<br />
TREATMENT<br />
36<br />
MOODBOARD<br />
_____________________________________ 39<br />
ICONAGRAPHY<br />
_____________________________________ 42<br />
CONTACTS<br />
_____________________________________ 45<br />
03
INTRODUCTION<br />
The brand identity manual will explain how to utilize the foundational<br />
principles of <strong>Nhue</strong> <strong>Aromatherapy</strong>’s identity. The identity will provide a<br />
unique visual expression across all major platforms of communications.<br />
All components have been designed to ensure a consistent user experience<br />
is perceived by all (consumers, business partners, etc).<br />
04
VISION<br />
The vision statement portrays the general motivation behind our company.<br />
It is a reasonable and concise portrayal of why a company exists, it<br />
defines limits for current business practices and fills in as a beginning<br />
stage for building up an essential vision, characterizing how we will accomplish<br />
the vision.<br />
06
“We create modern<br />
aromatherapy for<br />
every body and exist to<br />
enhance your wellness<br />
with organic and<br />
wildcrafted essential oils.”<br />
We do Real.<br />
All things with Love.<br />
Culture of Connection.<br />
Eco-conscious Mindset.<br />
Wellness is essential.<br />
Enhance the lives of others.<br />
Organic and Wild, Always.
BRAND VALUES<br />
Our brand values mirror our core belief systems and drive the choices<br />
we make. These qualities reflect what we should live, inhale and reflect<br />
in the entirety of our day by day practices. They are the rules for driving<br />
each person’s everyday decisions and are the principles to help sustain<br />
and bring life to the brand.<br />
08
ORGANIC<br />
Organic oils come from plants that have not been grown<br />
with pesticides or any artificial additives. Organic farming<br />
also preserves soil quality and contributes to<br />
long-term sustainability and the health of farmers. All<br />
products are created with 100% organic and/or wildcrafted<br />
essential oils. These oils are cruelty-free, natural,<br />
pure, vegan, and sustainably harvested.<br />
WELLNESS<br />
Wellness is the quality of one’s body and mind being at<br />
optimal health. At <strong>Nhue</strong>, our main goal is to perfect the<br />
wellness of every person. We do this by focusing on<br />
preventing sickenss rather than treating it; working with<br />
body maintenance, and promoting life extension. Our<br />
essential oils are created to improve specific and general<br />
areas of one’s overall health.<br />
RELIABILITY<br />
Here at <strong>Nhue</strong>, we always strive to be as reliable as<br />
possible in order to build trust with all our customers,<br />
and business partners. We want our customers to know<br />
that they can depend on us; not just in delivering high<br />
quality products consistently, but also in providing fast<br />
and reliable customer support. <strong>Nhue</strong> Aromatherpy’s<br />
team should be easily depended on to give everyone the<br />
best in all areas of our business.<br />
WILDCRAFTED<br />
Wildcrafted oils have been grown in their natural environments<br />
and harvested in the wild without any chemicals.<br />
These oils are considered better than organic due to<br />
the fact that that they are grown in the wild, are completely<br />
natural, and untouched by chemicals. All products<br />
are created with 100% organic and/or wildcrafted<br />
essential oils. These oils are cruelty-free, natural, pure,<br />
vegan, and sustainably harvested.<br />
09
LOGO<br />
The logo qualities guarantee an individual and steady picture of the organization.<br />
<strong>Nhue</strong> <strong>Aromatherapy</strong>’s logo is simple, square, straightforward,<br />
solid, organic and underlines the essentials of the brand. The<br />
logo graphic consists of the logotype and the logomark. The lettering is<br />
made utilizing the primary typeface Futura PT.<br />
10
NHUE AROMATHERAPY LOGO<br />
LOGOMARK<br />
LOGOTYPE<br />
NHUE AROMATHERAPY<br />
LOGOMARK<br />
The logomark sparks and<br />
immediate feeling of<br />
nature, organic and<br />
botany. It gives viewers a<br />
quick glimpse of what<br />
<strong>Nhue</strong> Aromatherpy values.<br />
LOGOTYPE<br />
Futura PT Medium has<br />
been meticously chosen to<br />
provide a modern, elegant,<br />
and geometric atmosphere<br />
to <strong>Nhue</strong> <strong>Aromatherapy</strong>’s<br />
brand identity.<br />
11
LOGO CONSTRUCTION<br />
Logical and/or mathematical qualities such as, scalability, proportions,<br />
and geometric spacing between elements, must be considered in order<br />
to make a proficient and well designed logo. <strong>Nhue</strong> Aromatherpy’s construction<br />
guidelines will provide this information to guarantee that the<br />
brand is utilized effectively.<br />
12
3X<br />
X<br />
X<br />
3.3<br />
0.20X<br />
0.10X<br />
2Y<br />
Y<br />
13
EXCLUSION ZONE<br />
The exclusion zone prevents other graphic components<br />
from obstructing <strong>Nhue</strong> <strong>Aromatherapy</strong>’s logo to ensure<br />
the logo is anything but difficult to read. A significant<br />
piece of keeping a reliable apperance is maintaining a<br />
reasonable space around the logo from other graphics,<br />
and/or text. Placing elements in close proximity of the<br />
logo diminishes its decipherability and effect.<br />
LEGIBILITY<br />
35mm | A2<br />
Minimum Size<br />
23mm | A2<br />
App Icon / Favicon<br />
In accordance with standard ranges, the suggested<br />
sizes are displayed here. The logo should<br />
always be large enough for anyone to read. A<br />
base size of 10mm or 38 pixels will be used to<br />
maintain legibility. It isn't recommended to utilize<br />
the logo at under 10mm in width. Note that the<br />
favicon isn't the brand logo and should never<br />
supplant the logo.<br />
15mm | A2<br />
10mm | 38px<br />
32 x 32px<br />
14
COLOR SYSTEM<br />
<strong>Nhue</strong> <strong>Aromatherapy</strong>’s logo can be created using a palette of 3 colors.<br />
The colors have been chosen to keep the brand feeling natural, healthy<br />
and inviting. Choose the color that you feel is best for whatever form of<br />
communication you may eoncounter. Utilize different colors over time<br />
so that the brand is not just associated with one color.<br />
15
PRIMARY COLOR GREEN<br />
COLOR CODES<br />
CMYK: C071 M028 Y063 K008<br />
PANTONE: 625C<br />
RGB: R080 G137 B113<br />
WEB: #4f8970<br />
100% 80%<br />
60%<br />
40%<br />
PRIMARY COLOR BLACK<br />
COLOR CODES<br />
CMYK: C000 M000 Y000 K100<br />
PANTONE: BLACK C<br />
RGB: R000 G000 B000<br />
WEB: #000000<br />
100% 80%<br />
60%<br />
40%<br />
PRIMARY COLOR WHITE<br />
COLOR CODES<br />
CMYK: C000 M000 Y000 K000<br />
PANTONE: NO INK<br />
RGB: R255 G255 B255<br />
WEB: #FFFFFF<br />
100% 80%<br />
60%<br />
40%<br />
16
TYPOGRAPHY<br />
Typography is an amazing asset in the improvement of a brand identity<br />
and is a critical component to make a strong look across all correspondences.<br />
Utilizing a typeface reliably makes it conspicuous; it connects<br />
communications and makes them more particular. The primary type style<br />
used is Futura PT.<br />
17
FUTURA PT<br />
PRIMARY FONT<br />
LIGHT<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrsutvwxyz<br />
Futura was designed in 1927 by Paul<br />
Renner for the Bauer company. It is a<br />
sans serif typeface that uses geometry<br />
similar to the artistic style of the Bauhaus<br />
school in the early 1920s. Presently the<br />
new Futura PT is a uniform type system<br />
comprising of eight condensed styles<br />
and seven weights with corresponding<br />
obliques.<br />
BOOK<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrsutvwxyz<br />
MEDIUM<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrsutvwxyz<br />
Designed by Isabella Chaeva, Paul Renner,<br />
Vladimir Andrich, and Vladimir Yefimov. From Paratype.<br />
DEMI<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrsutvwxyz<br />
18
WE’RE<br />
NHUE<br />
HERE
INCORRECT USAGE<br />
The original logo design should be used, and must not be changed or<br />
altered in any way shape or form. This implies that you CANNOT: Excessively<br />
scale the logo. Change the logo's direction or angle. Show<br />
the logo in a design not recently indicated. Change the logo's colors.<br />
Display other elements in the logo. Etc.<br />
20
21
GRID SYSTEM<br />
The utilization of grid systems helps to organize all elements (images,<br />
glyphs, text, etc) used in different documents. A series of horizontal, vertical,<br />
angular, and sometimes even circular lines provide a structured<br />
way to group and layout different design assets in a document. The following<br />
are suggested layouts to be used with a standard A4 letter size.<br />
22
A4 GRID SYSTEMS<br />
Example Grid<br />
System for DIN A4<br />
297 x 210mm<br />
23
WEB DESIGN<br />
A site design is a framework that characterizes a site's overall layout. It<br />
has the job of organizing the data on a webpage for users, clients, and<br />
the site's proprietor. It gives clear ways of routing inside site pages and<br />
puts the main components of a site upfront. A simple layout will be used<br />
for <strong>Nhue</strong> Aromatherpy’s web design.<br />
24
SCREEN LAYOUT DESIGN<br />
The following<br />
layout design<br />
should be used as<br />
a template for<br />
building <strong>Nhue</strong><br />
<strong>Aromatherapy</strong>’s<br />
site landing page.<br />
Square and Rectangular<br />
shapes<br />
with an “X” must<br />
only use images.<br />
Navigation bar<br />
should be at the<br />
top of the site.<br />
25
SCREEN LAYOUT EXAMPLE<br />
In the following<br />
example layout to<br />
the right, logo,<br />
placeholder<br />
images, and text<br />
have been included<br />
to show you<br />
what type of designs<br />
can be created<br />
using the<br />
previous layout.<br />
Focus on simplicity,<br />
nature, warmth,<br />
and clean.<br />
LAVENDER<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation ullamcorper<br />
suscipit lobortis nisl ut aliquip ex ea commodo<br />
consequat. Duis autem vel eum iriure dolor in<br />
hendrerit in vulputate velit esse molestie<br />
consequat, vel illum dolore eu feugiat nulla<br />
facilisis at vero eros et accumsan et iusto odio<br />
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum<br />
PEPPERMINT<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation ullamcorper<br />
suscipit lobortis nisl ut aliquip ex ea commodo<br />
consequat. Duis autem vel eum iriure dolor in<br />
hendrerit in vulputate velit esse molestie<br />
consequat, vel illum dolore eu feugiat nulla<br />
facilisis at vero eros et accumsan et iusto odio<br />
SPEARMINT<br />
Lorem ipsum dolor sit amet, consectetuer<br />
adipiscing elit, sed diam nonummy nibh<br />
euismod tincidunt ut laoreet dolore magna<br />
aliquam erat volutpat. Ut wisi enim ad minim<br />
veniam, quis nostrud exerci tation ullamcorper<br />
suscipit lobortis nisl ut aliquip ex ea commodo<br />
consequat. Duis autem vel eum iriure dolor in<br />
hendrerit in vulputate velit esse molestie<br />
consequat, vel illum dolore eu feugiat nulla<br />
facilisis at vero eros et accumsan et iusto odio<br />
26
MOBILE DESIGN<br />
<strong>Nhue</strong> Aromatherpy’s website will be accessible across all major devices.<br />
The following mobile design layouts must be incorporated when accessing<br />
<strong>Nhue</strong> Aromatherpy’s mobile applications on devices such as<br />
iPads or smartphones. Please use this approved layout style. To modify<br />
this layout in any way is not allowed.<br />
27
Log In<br />
Sign Up<br />
Log In<br />
Sign Up<br />
28
SOCIAL MEDIA<br />
<strong>Nhue</strong> <strong>Aromatherapy</strong> will utilize the following social media guidelines<br />
for Facebook and Instagram. These guidelines will help you to deliver<br />
properly formatted posts, and also provide you with the optimal ways<br />
of sharing media with our visitors, fans, and followers. Using these<br />
guidelines will help you to effectively promote our brand.<br />
29
FACEBOOK<br />
Profile Picture<br />
Should be at least 180 x 180 px.<br />
Picture will appear 170 x 170 px on desktop, 128<br />
x 128 px on smartphones, and 36 x 36 px on<br />
most feature phones. Picture thumbnail will appear<br />
32 x 32 px.<br />
Business Page Profile Picture<br />
Should be at least 180 x 180 px.<br />
Picture will appear 170 x 170 px on desktop, 128<br />
x 128 px on smartphones, and 36 x 36 px on<br />
most feature phones. Picture thumbnail will appear<br />
32 x 32 px.<br />
Cover Photo<br />
Appear 820 x 312 px on page.<br />
Anything less will be stretched.<br />
Must be at least 400 x 150 px.<br />
Displays at 640 x 360 px on smartphones and<br />
820 x 312 px on desktop.<br />
Shared Link<br />
Suggested upload size of 1,200 x 628 px.<br />
Square Photo: Min 154 x 154 px in feed, and 116<br />
x 116 px on page.<br />
Rectangular Photo: Min 470 x 246 px in feed,<br />
and 484 x 252 px on page.<br />
Highlighted Image<br />
Suggested upload size of 1,200 x 717 px.<br />
Will show up on your page at 843 x 504 px.<br />
Pick a higher resolution at that scale for better<br />
quality.<br />
Event Image<br />
Suggested upload size of 1920 x 1080 px.<br />
Facebook will downsize to minimum dimensions of<br />
470 × 174 px.<br />
Shows in feed at 470 × 174 px.<br />
Share Image<br />
Suggested upload size of 1,200 x 630 px.<br />
Will show up in feed at a maximum width of 470<br />
px (will scale to a maximum of 1:1).<br />
Will show up on page at a maximum width of<br />
504 px (will scale to a maximum of 1:1).<br />
30
INSTAGRAM<br />
Profile Picture<br />
Show up on your profile<br />
at 110 x 110 pixels.<br />
Square photograph:<br />
Ensure an aspect ratio<br />
of 1:! is maintained.<br />
Photo Size<br />
Instagram pictures have<br />
been expanded to<br />
1080 x 1080 px.<br />
Instagram scales these<br />
down to 612 x 612 px.<br />
Show up in feed at 510<br />
x 510 px.<br />
Photo Thumbnails<br />
The thumbnails will show<br />
up on the page at 161 x<br />
161 pixels.<br />
Square photograph: try<br />
to keep an aspect ratio<br />
of 1:1 proportion.<br />
Instagram Stories<br />
Suggested resolution is<br />
1080 x 1920 pixels.<br />
Minimum resolution is<br />
600 x 1067 pixels.<br />
Aspect ratio is 9:16.<br />
Maximum file size is<br />
4GB.<br />
31
EMAIL SIGNATURE<br />
In order for all emails to be easily identified in a clear manner the following<br />
email signature must be used here at <strong>Nhue</strong> <strong>Aromatherapy</strong>. Feel<br />
free to use automatic email signatures as long as they adhere to the example<br />
email signature. To keep an expert look and to limit document<br />
size, don't add any extra illustrations,or text to your email signature.<br />
32
Rhiannon | Ceo<br />
<strong>Nhue</strong> <strong>Aromatherapy</strong><br />
Office +123 456 7890 | Fax +123 456 7890 | Cell +123 456 7890<br />
hello@nhuearomatherapy.com<br />
www.nhuearomatherapy.com<br />
33
STATIONERY<br />
Stationery materials used must consitently use <strong>Nhue</strong> <strong>Aromatherapy</strong>’s<br />
main logo while adhering to logo guidelines as discussed early in the<br />
brand identity manual. The following examples uses typical office materials<br />
such as business cards, folders, and paper (A4 letterhead). Please<br />
keep all background styles as consistent as possible.<br />
34
IMAGE TREATMENT<br />
This image treatment technique is a general procedure that should be<br />
used as a standard way of applying a natural mood to images shared<br />
by <strong>Nhue</strong> <strong>Aromatherapy</strong>. Majority of graphical programs/softwares will<br />
support this function (Photoshop, Illustrator). Ensure layers are flattened<br />
to reduce file size.<br />
36
Blend Layer<br />
Create new layer with<br />
green brand color.<br />
Image Overlay<br />
Convert the picture to<br />
grayscale at 50%<br />
opacity.<br />
Place new layer over<br />
the greyscale photograph.<br />
Set blending mode to<br />
Multiply/Darken.<br />
Final Result<br />
The final result will be<br />
an image with a green<br />
and natural feel.<br />
37
MOODBOARD<br />
Creating moodboards is a wonderful way to express different designs.<br />
It helps to inspire us to create exciting ideas. At <strong>Nhue</strong> <strong>Aromatherapy</strong> we<br />
want all our corporate imagery to evoke a feeling of minimalism,<br />
modern, natural, botanical, and inclusive. Please observe the following<br />
moodboards to better understand the atmosphere we aim to achieve.<br />
39
40
41
ICONAGRAPHY<br />
Icons are little pictures or images filling in as a fast "instinctive" portrayal<br />
of a function, tool, symbol, or information document. Iconography helps<br />
the user navigate through content in a faster and easier manner. The<br />
iconography set has been designed to be used on all <strong>Nhue</strong> <strong>Aromatherapy</strong><br />
assets as needed.<br />
42
ICONS<br />
Diffuse Topical Shower Oral Steam<br />
Citrus Aromas Towel Floral Aromas Herb Aromas Fresh Aromas<br />
Oil Drop Diffuser Candle Oil Bottle Pine Aromas<br />
43
LINE ICONS<br />
SQUARE ICONS<br />
44
CONTACTS<br />
For any additional information please feel free to use our four main<br />
ways to be reached: email, website, phone, address (mail). The <strong>Nhue</strong><br />
<strong>Aromatherapy</strong> website will be able to quickly provide resources such<br />
as team contacts, logo artwork, brand photography, social media information<br />
and more.<br />
45
EMAIL<br />
hello@nhuearomatherapy.com<br />
WEBSITE<br />
www.nhuearomatherapy.com<br />
PHONE<br />
Office 1: +123 456 7890<br />
Office 2: +123 456 7890<br />
Fax: +123 456 7890<br />
ADDRESS<br />
Blythe Carroll<br />
7709 Justo. Ave<br />
Houston, TX 77987<br />
(314) 882-1496<br />
46