Nocte - CBD Infused Oral Care - Brand Guideline 2021 - designed by hunap studio

Brand Manual

002

Corporate Manual of Nocte CBD infused oral care

Statement of Confidentiality This material contained in our response and any material or information disclosed during of discussions of the proposal represents the proprietary, confidential information pertaining to our services, methodologies and mathods.

Other products name and brand my be trademarks or redgesterd trademarks of their respective owners.

2020

>>>

<<<<<

Table of Content

003

01. About us / Our Agency

05

02. Brand Identity

06

03. Logo and Logo Guidelines

09

04. Brand Colors

10

05. Typography

12

06. Stationery

13

07. Merchandising

14

08. Corporate Images

15

2018

004

>>>

Balance for your oral biom

Naturally whitening & free from dyes, artificial sweeteners, and preservatives. Fluoride free Oral Care powered by +CBD.

2020

<<<<<

005

2018

006

>>>

Studies have shown that common ingredients found in oral care products can build up as toxins in our bodies.

After researching how these toxins can lead to devastating consequences, Nócte formulated a line of sustainable oral-care products using safe and natural alternatives that promote full body + oral wellness. Nócte’s formula has been meticulously designed and backed by research. Nócte won the resident revolutionary research competition at CDA this past May.

Less is more

Conscious design

2020

Modern medicine isn’t always the answer. We’ve looked towards nature & science for one-of-a-kind ingredients, gifts from mother nature. Each ingredient has been meticulously researched, and included in our products to enhance your oral biome.

The packaging’s quintessential design reduces waste and minimizes the environmental footprint. The mission to elevate the oral biome stretches beyond mouths, but ultimately towards making sustainable, conscious decisions for our planet.

<<<<<

007

2018

008

Section 01 Corporate

The Logo Introduction The Logo Application The Logo Elements Clearspace and Computation Incorrect Logo Applications

2020

>>>

<<<<<

009

Corporate Logo and Corporate Trademarks The Full Logotype The Nocte brand has a typographic logo, the logo symbol is incorporated to the logo type. The Logo Symbol is a powerful image evoking the fresh hygienic environment of the dental field and the connection of the logo with the nature. The drop in the ,,O,,letter is the main symbol of the brand, which represent the ,,magic content,, of the products which comes directly from natural ingredients.

1) The Logo Symbol

1) The Logo type

2018

0010

>>>

Logo Construction, Clearspace and Computation The Construction It is important to keep corporate marks

1) Logo Construction

clear of any other graphic elements.

To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic element or message can be positioned in relation to the mark.of the the symbol itself and our company name â&#x20AC;&#x201C; they have a fixed relationship that should never be changed in any way.

2) Logo Symbol

The Clearspace Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.

1/5

1/5

x

x

1/5

1/5

x

x

3) Full Symbol

1/3

1/3

x

x

1/3

1/3

x

x

Computation To work out the clearspace take the height of the logo and divide it 5 and 3 parts. Height/5 the logo symbol and Height/3 the logo type.

2020

<<<<<

0011

Logo Application and Standards Logo Backgrounds

Minimum Logo Sizes Full Logo Minimum Height: 11,5 mm

11,5 mm

6 mm Logo Symbol Minimum Height: 11,5 mm

Incorrect Logo Application 1) Donâ&#x20AC;&#x2DC;t use colors, which isnâ&#x20AC;&#x2DC;t defined here 2) Do not outline the logo symbol 3) Do not alter the logo symbol 4) Do not change the proportions of the logo

2018

0012

Section 02 Corporate Typography

The Corporate Fonts Primary Font Secondary Font Font Hierachy

2020

>>>

<<<<<

0013

The Corporate Fonts and Typography Guidelines Primary Font

Trirong

A

B

C

D

E

F

G

H

I

J

N

O

P

Q

R

S

T

a

b

c

d

e

f

g

n

o

p

q

r

s

t

K

U

V

W

h

i

j

u

v

w

L

X

M

Y

k

l

x

Bold

Z m

y

z

Primary Font Trirong

A

B

C

D

E

F

G

N

O

P

Q

R

S

T

a

b

c

d

e

f

g

n

o

p

q

r

s

t

H U

I

J

V

W

X

Y

i

j

k

l

v

w

h u

K

L

x

M

Light

Z m

y

z

Designer : Cadson Demak is the first Thai communication design firm to develop type design solutions.

Founded in 2002, the studio came together through a shared love of typography and design, a wish to expand and modernize the font industry as a whole, and the desire to make everyday use of type more accessible. They expanded from a modest design firm with dozens of their own typefaces into a boutique type foundry under the name Cadson Demak in 2008.

0

!

1

“

2

§

3

$

%

¡

“

¶

¢

«

∑

€

®

æ √

œ ~

@ µ

∆ ∞

4

5

&

/

[

6

(

]

†

)

|

Ω

¨

7

8

=

?

{ ⁄

} ø

º

ª

©

ƒ

∂

‚

–

≤

<

>

≥

•

å ˘

0

` ≠

π

…

9

;

:

¿

‘

±

‘

¥

≈

ç

›

‹

◊

Figures

Special Characters

2018

0014

>>>

The Corporate Fonts and Typography Guidelines Secondary Font

Optima Bold

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

a

b

c

d

e

f

g

h

i

j

k

l

m

n

o

p

q

r

s

w

x

y

z

A

B

C

D

E

F

G

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

a

b

c

d

e

f

g

h

i

j

k

l

m

n

o

p

q

r

s

w

x

y

z

t

u

v

Bold

Secondary Font Optima Bold

H

t

I

u

v

Light

Designer : Optima is a humanist sans-serif typeface designed by Hermann Zapf and released by the D. Stempel AG foundry, Frankfurt, Germany and released in 1958.

Though classified as a sans-serif, Optima has a subtle swelling at the terminals suggesting a glyphic serif. Optima was inspired by classical Roman capitals and the stonecarving on Renaissanceperiod tombstones Zapf saw in Florence on a 1950 holiday to Italy.

2020

0

!

1

“

2

§

3

$

%

¡

“

¶

¢

«

∑

€

®

æ √

œ ~

@ µ

∆ ∞

4

5

&

/

[

6

(

]

†

)

|

Ω

¨

7

8

=

?

{ ⁄

} ø

º

ª

©

ƒ

∂

‚

–

≤

<

>

≥

•

å ˘

0

` ≠

π

…

9

;

:

¿

‘

±

‘

¥

≈

ç

›

‹

◊

Figures

Special Characters

<<<<<

0015

The Corporate Typography and Text Hierarchy Context Text and

Caption Text

Nocte Typo Optima Bold 7 pt Type / 11 pt Leading

Copy Text

Nocte Typo

Inner Headlines

Trirong - Title case letters 10 pt Type / 14 pt Leading

Headlines Copytext

Nocte Typo -

Trirong - Title case letters 12pt Type / 15pt Leading

Headlines and Typobreaks

Big Headlines and Title

Subhead Typo -

Trirong - Title case letters 21pt Type / 22 pt Leading

Sequencer and Title for Marketing

Head 2018

0016

Section 03 Corporate Color System

The Corporate Colors Primary Color System Secondary Color System

2020

>>>

<<<<<

0017

The Primary Color System and Color Codes Color plays an important role in the Nocte corporate identit.

look of the Nocte brand identity across all relevant media.

The colors below are recommendations for various media.

Check with your designer or printer when using the

A palette of primary colors has been developed, which

corporate colors that they will be always be consistent.

comprise the â&#x20AC;&#x153;One Voiceâ&#x20AC;? color scheme. Consistent use of these colors will contribute to the cohesive and harmonious

Primary Color System

Color A : Green Color Codes

Gradient

100 %

Primary Color System : -

100 %

80 %

60 %

20 %

40 %

CMYK Pantone RGB Web

: C010 M000 Y029 K017 : P 580C : R196 G204 B168 : #C4CCA8

20 %

Explanation : The Nocte has two official colors:

Color B : Gray

Green and Gray. These colors have

-

become a recognizable identifier for

Color Codes

the company.

Usage: Use them as the dominant color palette

Gradient

100 %

20 %

CMYK Pantone RGB Web

: C000 M000 Y003 K050 : P 169-8 C : R157 G156 B154 : #9d9c9a

for all internal and external visual presentations of the company.

100 %

80 %

60 %

40 %

20 %

2018

0018

Colors are one of the most important things to transfer a brand to the customers.

2020

>>>

<<<<<

0019

The Secondary Color System and Color Codes The secondary color system and color

Secondary : Color A

codes

-

CMYK Pantone RGB Web 100 %

Gradient

: C030 M000 Y015 K000 : P 127-2 C : R191 G226 B224 : #bfe2e0

20 %

Secondary : Color B -

CMYK Pantone RGB Web 100 %

Gradient

: C000 M005 Y023 K012 : P 12-1 C : R223 G222 B192 : #e9dec0

20 %

Secondary Color System : Secondary : Color C

Explanation :

-

The Secondary colors are

CMYK : C040 M027 Y009 K000 Pantone : P 108-2 C RGB : R166 G177 B207Web #000000

complementary to our official colors, but are not recognizable identifiers for Purism company. Secondary colors

100 %

Gradient

:

20 %

should be used sparingly, that is, in less than 10 percent of the palette in one

Secondary : Color D

piece.

-

CMYK : C058 M036 Y056 K010 Pantone : 5625C RGB : R119 G135 B114 Web : #778772

Usage: Use them to accent and support the

100 %

Gradient

20 %

primary color palette.

2018

0020

2020

>>>

<<<<<

0021

Section 04 Corporate Package System

2018

0022

The floss package

2020

>>>

<<<<<

0023

The spray package

2018

0024

The toothpaste package

2020

>>>

<<<<<

0025

Section 05 Corporate Grid System

Grid Systems Vertical Grid Systems A4

2018

0026

>>>

The Sirius Grid System and Application Grid System Explanation A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.

2020

<<<<<

0027

Section 06 Image System and Blending

Corporate Image System Corporate Image Color Corporate Image Black & White Blending Modes and Options

2018

0028

>>>

Nocte Corporate Image - Colored Corporate Images Systems are responsible to transfer the

corporate advertising techniques to enhance their public

values of Sirius to our customers or our potential customers.

image in order to improve their desirability as a supplier,

It is a composite psychological impression that continually

employer, customer, borrower, partner, etc.

changes with the firmâ&#x20AC;&#x2122;s circumstances, media coverage, performance, pronouncements, etc. Sirius use various

Requirements for colored images - bright images - smile on the pictures - tooth visibility - sharp images - minimalistic look - the best if contain one of the brand colors

2020

<<<<<

0029

Nocte Corporate Image - Black & White

Requirements for black and white images - desaturate colours - low contrast - sharp images - minimalistic look - greyish look

2018

0030

>>>

Nocte Blending Modes for Brand Images Image Effects and blending modes raise the concision and

layouts. In the same way the support statement of the used

the recognizability of a brand. Also they are able to divide

images and raise application possibilities.

content and other graphical elements that are used in

Blending modes 1) use it in black and white images colours 2) use a placeholder with a green back 3) do not cover interesting parts on the image 4) use the logo symbol in multiply blending mode

Smile in the mirror. Do that every morning and youâ&#x20AC;&#x2122;ll start to see a big difference in your life.

Yoko Ono

2020

Just smile and letâ&#x20AC;&#x2DC;s nocte!

on images - 50% opacity settings

<<<<<

0031

Just smile and letâ&#x20AC;&#x2DC;s nocte! www.letsnocte.com

2018

Thank you for audience.

2020

Designed by hunap studio.

Contact Us — info@hunap.com www.hunap.com Budapest 1065, Révay köz 4.

Hungary

Follow Us — https://www.facebook.com/hunapstudio/ https://www.instagram.com/hunap_studio/ https://dribbble.com/hunap

Portfolio https://www.behance.net/hunap_studio