NGK Agency - Brand guidelines

NGKagency.com

BRAND GUIDELINES

[Brand] Identities are the beginning of everything. They are how something is recognized and understood. What could be better than that? ― Paula Scher 2

BRANDMARK 1. Main logo NGK's Brandmark is comprised of three elements: 1 - NGK main logo 2 - NGK full wordmark 3 - NGK logo and tagline NGK Brandmark's original shape may never be distorted or altered.

NOTE NGK Brandmark should only be reproduced from the master artworks and should never be redrawn or altered in any way.

The master artworks are provided in various digital formats.

2. Logo + AGENCY

4

3. Logo + Tagline

Brandmark Clearspaces NGK Brandmark must always be placed in a free-standing and independent position on the page or surface. It must always be clearly legible and in harmony with the other design elements.

For this reason, there is a clearspace zone for the Brandmark that must be free of other design elements. There should be an all-round clearspace of at least 1/3 the size of the Signature.

This simple and fundamental rule is easy to apply in any context. This clearspace zone is only the minimum free space that must be left around the Brandmark – leave more free space whenever possible.

Brandmark Don'ts

DO NOT distort the Brandmark or alter it in any way.

DO NOT use special effects (drop shadow, etc.).

DO NOT place the Brandmark directly on busy backgrounds or photographs which interfere with its visibility/legibility.

NGK DO NOT crop the Brandmark in any way.

DO NOT recreate the Brandmark elements.

5

TYPEFACES Roboto typeface was chosen for its clarity and simplicity of form. It is a contemporary sans serif typeface that is highly legible in both print and digital communications.

Its modern style helps us communicate ideas simply and confidently.

6

Aa

Regular

Medium

Bold

Donec ultrices cursus enim vel

Cras sit amet arcu libero. Maecenas

Nullam sed erat quam. Aliquam

hendrerit. Vestibulum a nisl vel purus

dictum, sem ut pretium tincidunt,

placerat dapibus justo, a euismod

dictum laoreet. Donec tincidungt

nisl velit ornare odio, fringilla lorem

diam ultricies viverra. Cras dignissim

odio sed dolor consectetur interdum.

leo sed ante. Nunc nec fauci Cura-

accumsan felis, laoreet malesuada

Aliquam in varius eros, viverra semper

bitur auctor, odio sit amet dignissim

ligula mattis sed. Nunc ultrices vel

enim. Nunc gravida tristique metus

vulputate, diam metus pretium orci,

tellus consequat tempus. Aliquam

vel feugiat consectetur.

ut auctor est quam vitae nunc.

metus augue tincidunt vulputate.

Type Hierarchy

Title

Big Title Font Styles

H1

Heading 01 Font Styles

H2

: Roboto : Bold

: Roboto : Medium /Bold

Accent Heading 02 Font Styles

: Alice : Regular

Donec ultrices cursus enim vel hendrerit. Vestibulum a nisl vel purus dictum laoreet. Donec tincidungt odio sed dolor consectetur interdum. Cras sit amet arcu libero. Maecenas

Body Content

dictum, sem ut pretium tincidunt, nisl velit ornare odio, porttitor fringilla lorem leo sed ante. Nunc nec faucibus sem. Nullam sed erat quam. Aliquam placerat dapibus justo, a euismod diam ultricies viverra.

Font Styles

: Roboto : Regular /Light

7

TYPEFACES

Nn

Primary Font

Roboto Regular

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Regular

Roboto Semibold 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

ABCDEFGHIJKLMNOPQRSTUVWXYZ SemiBold

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Number

! @ # $ % ^ & * ( ) _ + < > ? , . / : " Symbol and Character

8

This typeface can be used in three different ways: 1. Main heading or descriptive word. Heading can be placed in the center or top and bottom left corners.

Nn

2. Main heading or quote with one or two words highlighted as a brand attribute.

3. Sub heading as a third in size of the body copy.

Accent Font

Alice

a b c d e fg h i j k l m n o p q r s t u v w x y z ABCDEFGHIJKLMNOPQRSTUV W XYZ Regular

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15 20

Number

!@#$%&*()_+<>?,./:" S y m b o l a n d C h a ra c t e r

9

COLOR SYSTEM

Pantone™ Black 6 c

Pantone™ White 000 c

Pantone™ Gardenia 11-0604

Primary Color

Black

White

NGK is a multi-faceted brand.

Pantone

Pantone

This approach helps capture the passion of NGKs work, and provide the agency with an elevated yet dynamic design that is capable of constant reinvention and recreation – all while remaining true to the original framework of the design.

Pantone

: Black 6 c

CMYK Cyan Magnta Yellow Black

Red Green Blue

Pantone

: 00

CMYK : 60 : 60 : 60 : 60

RGB

10

and fucking™ everything in between

Cyan Magnta Yellow Black

: 00 : 00 : 00 : 00

RGB :0 :0 :0

Red Green Blue

: 255 : 255 : 255

Efficiency is doing better what is already being done. ― Peter Drucker

Gardenia Pantone Pantone

: 11-0604

CMYK Cyan Magnta Yellow Black

: 06 : 08 : 12 : 00

RGB Red Green Blue

: 242 : 235 : 255

&

EVERYTHING IN BETWEEN

If you want to create an impact, you're going to want to think outside the box and disrupt the norm. ― NGK AGENCY 12

LAYOUT AND LOGO PLACEMENT Layout design involves the arrangement of elements within a grid. An effective layout communicates the message of a design in an intuitive way.

14

15

BRAND IMAGERY

16

@NGKagency | NGKagency.com