MPWR Brand Guideline - Designed by Jun-yao Yu (Niki Yu). nikistudio@hotmail.com

uideline MPWR B r a dG n d ran G u RB id e PW l

e n i

M

Brand Guidelines

ion riat s ten Ex

s h ic ap Gr ion

Combination

go

Gr a

ph ic

Log o

Col or V a

Do’s

&D o n t’s

Lo

ze i S Prim ar

y Lo

go

Br a s

) on

si o n )

si Vi

pose)

.( hy

Space

l a o t g a C l a o t g a C l a o t g a C

nd W h o. ( M i

St or

y r rget & Pu What. (Ta

W

ne o T f ce o

Voi

Valu e) ality & How . (Pe rson

ef ac e Ty p Lo go

Second ary

Ty p

y r a Prim

og r

ace f e Typ

ap hy

Typefac e

iation

s& Do’

Si ze

ce Spa

Ty p e C o lor V a r i a t ion

Don

t’s

Logo &

Do Do s&

Type

nt’ s

Color Variat ion se U In

Type Va r

U s a g e

Pr i

ati on

yB a sic

Co mb in

Size

on

ace Sp

ten si

m a r

Ex

d e r o Tail

ter t e 26 L

s

Color

w e i v er v O

tte e l Pa

Pr

lo o ry C a im

a d n o Sec

Com b

inat ion

Typ eC omb inat ion

Com bina t

In U

se

ion

’s Do

’s t n o D &

se U In

Sha pe

Bra nd

Log o

r

Cor e

Com b

Sec ti

inat

i on

on

Patt

n er

Exte nsio n

Bas ic

lor o ry C

on i s n e t Ex

Imagery

mbination Co

Brand

Emoji Siz e

Com bi n

atio n

raphy

Iconog

Space

& Dont’ s ’ o s D

Size

Ap pli ca tio

ns

Layout

Primary Basic Shape

Size

Space

Portrait

Landscape

Extension Combination

Social Video

Sinage

Sinage Sinage

Sinage

Sinage

Sinage

Sinage

Sinage

Sinage

Sinage

Sinage

Sinage

Sinage Advertise

Advertise Advertise

Advertise

Advertise

Advertise

Advertise

Social

Advertise

Social

Social

Social

Advertise

Advertise

Advertise

Advertise

Social

Advertise

Social

Social

Social Social

Social

Social Social Social

d n a r B

o t S

y r

ares about the success of anyone they get in touch with.

is an internet marketing agency. A branding agency that truly

MPWR

Mainly to help teenagers and young professionals set up their online business.

Who Who

Mission Mission Mission

Mission Mission Mission Mission

Who

\ Between 16 and 28; \ Student or young professional living in a developed or emerging economy; \ Global, no sex limited, no location limited.

What What What

Target Audience

Vision

Vision

in my brand by using the Aquarian symbols in a cool and most importantly covert way.

Vision

\ Aim is to reflect this shift in the global psyche

\ Encourage people to follow their dreams and start up ethical and environmentally friendly companies online; bringing the focus back Vision

\ Facilitate people to the world of online marketing so they can use it to develop

Why Why Why

their ideas.

Vision

Vision

to cooperation.

ity Pe r

\ "I know." ; Be self, “say a loud, just do it”.

“Dream-driven”;

na l

\ Networks, and information; Tech;

so

\ AQUARIUS star signs / zodiac astrology; Consciousness transformation;

Innovative Independent Selfless Honest Caring

Va l e C or

How How How

ue

\ Organized in a horizontal network, opening the world up to true equality.

Fair,Equal, Open, Ethical, Value-driven.

Truly free and Independent.

e

／

We f o c u s o n Y o un g e r G en e ra it o n

ful tone; Affinity, E h t u o qua dy n a lity l a ,Ea n o i sy t a s to r e go v n .

Co

. on cti ra te In r,

／ Reliable.

W e

h a v yet nest ,Ho on ssi Pa d, ivi ;V

／ nity . Join, not fo u m m llow Co e r . Sh a e are W ,O pe n,

Fa i

Interactive/Mutual assistance/Contact/Harmony/Cooperation; Each part is also independent at the same time; Creative/Unique; Balanced/Equal/Stable and Reliable; Younger/advancing with the Times/Avant-garde/Future/Technology/Tech; Open/Spatial sense/Infinite Possibilities/Selflessness; Affinity/Care/Humanization; True/Trustworthy/Simple and not pompous;

Ideas for whole logo, from shape+color+ The whole feel should Inspirational/Vivid and Energetic. pattern use: With bold abstract pieces of geometry + Th the vivid contrasting colors: highlighting sh e L style of youth. ou og ld o co nv ey Symbolic/Abstract;

o g o L

G

s c i h p ra

Primary Logo Each Graphic element has each differen represent brand value.

The square means“ focus, no limited, whole the world,inclusive, honest and reliable.”

The top-left symbol, Means brand core value, youger,creative, Avant-garde and Innovation, Interaction.”

The slash means” vivid,passion,Positive upward, energy,youth,independent.”

The circle means “open, share,fair,Equality, community,join not lead,caring,Selfless.”

And all these 4 elements are come from the logo name letters “M P W R”.

Size

Minimum Size - h: 30px

h: 40px

h: 300px

h: 60px

h: 80px

h: 200px h: 100px

h: 150px

The Small-use Logo Graphic minimum size is height 30px. No maximum size for this Logo Graphic. This is the bottom line for logo graphic displayed no matter on whatever mediums.

Space The logo graphic outer edge area of the logo should keep the same scale to zoom in and out.

Please Note the tiny details: The each element’s corner not a right direct angle, but a rounded corner.

Logo Graphic Color Variation Primary Main Logo Graphics and it’s color form.

(Official formal)

The Core graphics on the top-left symbol which represent “M & W” CAN’T use Grey color.

These color variations can only use in the following scenario: * band patterns * brand related graphics * composition as an element Can NOT use as a Formally Official Logo color form.

Logo Graphic Color + BG

Only Can use all of these combination colors. Except these, others are wrong.

Logo Graphic Color + BG

Only Can use all of these without “X� combination colors. Except these, others are wrong. For Pattern & Image BG,for thoes contrast is not obvious, should use a 50% value band black as a mask.

Extension Logo Graphics

Combination Samples The margins of the logo and layout page should keep a M size.

See the “space� part.

Dynamics Logo Graphic Samples

The squre includes everything.

From which canbbe represent youth, event,mood, situation, location, and more.

Dont’s

Do NOT Change the color order form as a offcial logo graphic.

Do NOT Change the each element order.

Do NOT deconstruct and rotate stretch each element.

Do NOT Outline the each element.

Do NOT add any visual effect on each element.

Do NOT change the spacing of each element and each thickness.

p y T

p a r g o

y h

Logo Typeface

Based on Logo Graphic, use each key element, and Let them have space for each other, but not tight connections, so overall you can get a sense of future, technology, avant-garde, minimal but unique. Standing out the “open,connection,youth� those brand value.

Size The Small-use Logo Typography minimum size is height 15px. No maximum size.

This is the bottom line for logo typography displayed no matter on whatever mediums.

h: 80px

h: 70px

h: 60px

h: 50px

h: 40px

h: 30px h: 20px Minimum Size - h: 15px

Space

There every letter still has a same rounded corner

The logo typeface outer edge area of the logo should keep the same scale to zoom in and out.

Logo Type Variation

These logo type variations represent each element of the logo graphic.

These can use as brand elements,patterns and other extended graphics.

Logo Type Color Variation

Primary Main Logo Typeface and it’s color form.

(Official formal)

These logotype color variations only can use these 4. Others are WRONG. These color variations can only use in the following scenario: * band patterns * brand related graphics * as an element

LogoType Color + BG

Primary Font

Mainly use for Body copy content, header, subheader,the most widely used brand font.

MPWR

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

, . ; �/ ? ! ~ # @ $ * = +

MPWR Circular Std Medium MPWR Circular Std Medium Italic MPWR Circular Std Bold MPWR Circular Std Bold Italic MPWR Circular Std Black MPWR Circular Std Black Italic

Circular Std

MPWR Circular Std Book MPWR Circular Std Book Italic

Secondary Font

Mainly use for header,Special emphasis,outstanding content, display typeface.

MPWR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

Use this type because there has a common feature as similar as the MPWR brand value and brand logo type. That’s the “Space”.

Some letters’s spacing / Broken strokes increases the "feeling of the future", the whole style has a avantgarde feel, the sense of technology, more unique and creative.

Jaapokki subtract

, . ; ”/ ? ! ~ # @ $ * = +

Brand Tailored Letters

All these letters can use as brand elements,patterns, specific header, display typeface, brand graphics, decor,and any other places.

They are all made up of key elements of the brand. The overall style looks unique ,creative but still highlight the brand value and feel.

Letters Variation & Combination

These letters’ variation and combination also can use as brand elements, patterns, graphics and more.

The below 4 letters are “MPWR�.

Can use as main specific logotype graphics / element.But the official logo typeface cannot be replaced.

Usage

Lines, paragraphs, spacing Sample:

Since one of the MPWR’s core feature is the “Space”. So make sure the spacing between each text line and paragraph enough.

If belong to one of a whole paragraph, key pieces of text that need to stand out, or header, title, can be set in “Circular Std Bold” or “ Circular Std Black ”.

If as a specific and individual type, that need to stand out, as header, title or emphasize, can be set in “Jaapokki subtract”.

The basic standard spacing between each line is 6pt (i.e. 20pt / 26pt )

My history in fragrance ? was driven by a defined personal journey; it wasn’t a choice or a wish. Let’s just say I couldn’t escape it,” says master perfumer Serge Lutens, his turn of phrase characteristically poetic and mysterious.

Lutens is a singularly gifted storyteller, a quality noted by his schoolteachers when he was a young boy, and one which has gone on to underscore his many adult triumphs.

These span his early work in make-up artistry for the likes of French Vogue, Elle and Harper’s Bazaar in 1960s Paris; his pioneering beauty line and accompanying campaign imagery for Dior in the 1970s; and his groundbreaking tenure at Shiseido, which garnered the Japanese cosmetics brand cult status around the globe.

“ It was at Shiseido that Lutens ” Developed his very first fragrance Nombre Noir in 1982 and, a decade later, his celebrated sophomore scent Féminité du Bois. The latter was inspired by a trip he took to Marrakech in 1968, where he encountered a piece of cedar.

LogoType+Font Usage Samples

Developed his his very very first first Developed fragrance Nombre Nombre Noir Noir fragrance in 1982 1982 and. and. in

Title Developed his very Nombre Noir in.

Title Developed his very first fragrance Nombre Noir in 1982 and.

Dont’s

Do NOT Change the color order form as a offcial logo type.

Do NOT Change the each element order.

Do NOT Outline the each element and change the letter order.

Do NOT add any visual effect on each element.

Do NOT deconstruct and rotate stretch each element.

Do NOT change the spacing of each element and each thickness.

o g o L

+

e p y T

Primary Basic

Each Graphic element has each different represent logo letter. The “M” represent the top-left symbol, The “P”represent the circle; The “W” represent the square;The”R” represent the slash. The each letter’s meaning please see the previous “Logo Graphic- Primary Logo” part.

The only combination look is the Horizontal.

The way up and down is WRONG. Only this offcial logo graphic & type look can be used at the same time,others logo variations should be used Separately.

The Small-use Logo minimum size is width 120px. No maximum size for this Logo.

Size

w: 500px

w: 400px

w: 300px

w: 200px

Minimum Size - w: 120px

Space

Make sure for both Logo Graphic and Type please keep the tiny rounded corner,not direct angel .

Also keep the enough space no matter between the each letter,element or graphic and logotype.

Extension Combination

These various combination graphics can use anywhere, like sticker, brand pattern, non-offcial logo graphics, style decor etc.

There have 2 style, one full with logo type, the other is hollow out.

Color Variation

Color Variation

In Use The margins of the logo and layout page should keep a M size. See the “space� part.

The logo graphic and logotype and logo elements both can combination with image / photography.

Title Developed his very first fragrance Nombre Noir in 1982 and.

Dont’s

Do NOT Change the color order form as a offcial logo type.

Do NOT Change the each element order.

Do NOT Outline the each element and change the letter order.

Do NOT add any visual effect on each element.

Do NOT deconstruct and rotate stretch each element.

Do NOT change the spacing of each element and each thickness.

e l a P r o l o C

e tt

Overview Since based on the brand value, the ideal brand color should not only highlight the characteristics of "innovation, avant-garde, equality" these brand core balue, but also reflect the stability, professional and industry characteristics of the brand.

The blue-green means“ focus, no limited, whole the world, inclusive, Innovation,avantgarde, and independent, youth.”

So based on this, the color palette can be summed up as the main two groups of color systems.

The blue tone system represents the core value of the brand, and the red/warm tone system represents a balance, equality, vivid,the future of the brand and the meaning of the potential.

The two sets of hue with the nature of contrast constitute an eternal, balanced, and full complete.

And then add a set of auxiliary colors, neutral colors.

Which from dark brand blue to grey to brand white.

The Blue Means brand core value, youger,creative, professional and industry,interaction.”

The Red means “open, share,vivid, Equality,passion, community,join not lead,caring,Selfless.”

The grey means” Stability, transition, balance, affinity.”

Represent Logo Type Colors

community

conversation

Each logo letter has their represent color combination. One primary color, the other is secondary color.

community

Younger Generation

Primary Color

Hex: #001480 RGB: 0.20.128 CMYK: 100.98.47.1 Pantone: Reflex Blue C

Hex: #001159 RGB: 0.17.89 CMYK: 100.100.60.18 Pantone: 2758 C

Hex: #033bff RGB: 3.59.255 CMYK: 89.70.0.0 Pantone: 2728 C

Hex: #056cf2 RGB: 5.108.242 CMYK: 83.57.0.0 Pantone: 285 C

Hex: #00c2cc RGB: 0.194.204 CMYK: 71.0.28.0 Pantone: 3115 C

Hex: #027f82 RGB: 2.127.130 CMYK: 84.41.51.0 Pantone: 7714 C

Hex: #8efff2 RGB: 142.255.242 CMYK: 42.0.19.0 Pantone: Green 0921 C

Hex: #e3fff8 RGB: 227.255.248 CMYK: 14.0.8.0 Pantone: 317 C

Hex:#0020cc

RGB: 0.32.204

CMYK:95.82.0.0

Pantone: 2736 C

Hex:#05f2f2

RGB: 5.242.242

CMYK:59.0.21.0

Pantone: 319 C

The final color set line is the auxiliary color extended by the main color.

Secondary Color

Hex: #d8132b RGB: 216.19.43 CMYK: 18.99.86.0 Pantone: 186 C

Hex: #6b0f16 RGB: 107.15.22 CMYK: 53.100.99.39 Pantone: 188 C

Hex: #ff0000 RGB: 255.0.0 CMYK: 0.96.95.0 Pantone: 2347 C

Hex: #f98f7a RGB: 1.57.46.0 CMYK: 83.57.0.0 Pantone: 170 C

Hex: #909aa3 RGB: 144.154.163 CMYK: 50.36.31.0 Pantone: 429 C

Hex: #656d72 RGB: 101.109.114 CMYK: 68.56.51.2 Pantone: 431 C Hex: #f6f7f8 RGB: 246.247.248 CMYK: 4.3.2.0 Pantone: 11-4201 TPX Cloud

Hex: #d7dee4 RGB: 215.222.228 CMYK: 19.11.9.0 Pantone: 649 C

Dancer

Hex: #ffffff RGB: 255.255.255 CMYK: 0.0.0.0 Pantone: 11-0601 TPX Bright White

Hex:#ef3c4a

RGB: 239.60.74

Hex: #000207 RGB: 0.2.7 CMYK: 14.0.8.0 Pantone: Black6 C

CMYK:5.88.63.0

Pantone: 1787 C

Pantone: Cool Gray 4 C

Hex:#afb9c3

RGB: 175.185.195

CMYK:37.24.19.0

Hex:#040a22

RGB: 4.10.34

CMYK:100.98.69.62

Pantone: 532 C

Overall

According to the importance of color, the order descending in turn.

Extension Color Combination

Two Colors Combination

Three Colors Combination

Four Colors Combination

There can also have combination of gradient colors, but they can only be used for some background, image mask,decoration, and non-main scenes.

Dont’s

Do NOT use WRONG color combination.

Do NOT add the outline for gradient color.

Do NOT confuse the main order of primary and secondary colors.

Do NOT add any visual effect on solid and gradient color.

Do NOT use black ,grey as part of gradient.

Do NOT use the Auxiliary color for main color purpose.

In Use

The color and gradient color can use as background, color decor element, mask etc. Please use color flexibly.

The Red means “open, Equality,passion, not lead,caring.

Title Here

n r e t t a P

Base Form Shape

All these basic shapes are coming from brand logo graphics and its’ extended elements shape. They’re as basis elements can be formed as patterns and layout shapes. Or use as individual graphics elements for some situation.

Basic Pattern Shape

Combination-1

All these patterns colors are not fixed.

You can change their colors flexibly, and basic pattern shape size of each unit based on brand color table, Specific scenarios, environments, and needs

You can use these in anywhere. As background, brand elements, style decor etc.

Combination-2

Full Pattern Samples

Full Pattern Samples

Full Pattern Samples

Full Pattern Samples

Brand 6 Core Sections

Color Order

Basic Shape

These 6 section compose the core part of the brand. Each Section has its represents color combination and Basic Pattern Shape.

They are:

Each 6 Sections Patterns

Video Make open.video.eyes.recording entertainment.

Learn diversity.convey.creativity.rich.deep. content oriented.flexibly.vividness. communicate.interaction. #Askack mouth.jack.#.Ask.convey.interaction. communicate.conversational.

Community mutual aid.equality.open.inclusive. balance.coordinate.organization. order.oin.share.futuristic.infinitely. honest.reliable.

Festival Event vivid.youth.passion.stylish.interest. unique.infinitely.win.affinity.complete. satisfactorily.younger generation.

Web Service honest.reliable.help.professional. industry.

These 6 section compose the core part of the brand. Each Section has its represents color combination and Basic Pattern Shape.

They are:

6 Sections Patterns Combination

Video Make Learn #Askack

Community

Festival Event Web Service

Whole Colors

Section Two Colors

Based on Brand Core Value Patterns Color Order

Basic Shape

Community . Join, not follow. share, open, fair, Interaction..

Younger Generation ; vivid,passion,honest yet reliable

Conversational and youthful tone; A nity, Equality,easy to go.

The 3 core values also has its each represents color combination and Basic Pattern Shape in the left. The right part are combinations.

Each Core Value Pattern Combination

Community . Join, not follow. share, open, fair, Interaction..

Younger Generation ; vivid,passion,honest yet reliable

Conversational and youthful tone; A nity, Equality,easy to go.

Whole Colors | Section Two Colors

All Sections Patterns Combination

All Sections Patterns Sample

Patterns in Logo Graphic

The left pattern logo graphics are formed by those basic brand pattern shape. Means Infinitely possible.

Everything can be formed MPWR. The colors can change.

These Logo patterns style can use as decor,display elements etc. Based on needs and situation.

Patterns in Logo Type

The right pattern type graphics are formed by those basic brand pattern shape. Means Infinitely possible.

Everything can be formed MPWR. The colors can change.

These Type patterns style can use as decor,display elements etc. Based on needs and situation.

Patterns in Logo Type

These Logo patterns style can use as decor,display elements etc. Based on needs and situation.

Based on City Combination

The videos we’re making will be separated into different cities. Will start with:

Nottingham Birmingham London Liverpool Philippines Berlin Atlanta

Color Order

Basic Shape

City Pattern in Brand Graphic

Nottingham Birmingham London Liverpool Philippines

These style can represent “focus, including�. Can use as outdoor graphics, displayed elements when in each city. The letter in logo graphic circle is the first letter of a city word.

Berlin Atlanta

City Patterns Combination

Nottingham

Birmingham

London

Each city basic pattern combination and whole patterns.

Liverpool

Philippines

Berlin

Atlanta

City Pattern Sample

Extension Logo+Pattern+Graphics Combination

These logo pattern combination can use as displayed graphics,decor etc. but DON’T use for main logo style purpose. The patterns in the graphic can change based on needs, the colors also can change.

In Use

@ Twitter

Title Here cdfvfrfgvrnkrev vregvregrgrr

Title Here

cdfvfrfgvrnkrev vregvregrgrr

The patterns can use everywhere,product package,stationery, site background, displayed elements and more.

The colors and size also can change as you need.

In Use

Full Patterns Usage Can use anywhere, brand wallpaper,displayed graphics website elements, product package, poster graphics brand stationery, and more. Especially when brand organize events. The each unit pattern size,color both can change when needed. They are fleixble,colorful and diversity.

r g o n o Ic

y h p a

Represent Logo Type Symbols

Two represent Colors Version

Each logo type letter has its represent logo graphic, colors and represent symbols. You can use separately, or combined use.

One Main Color Version

Symbols Combination Graphics

These extended graphics combination can use anywhere, displayed elements, website decor,video graphics and more.

Based on Letters Overlay Combination

These extended graphics combination can use anywhere, displayed elements, website decor,video graphics and more.

The lettern M+P, and W+R combinations.

DON’T use brand blue+brand green combination

Neon Overlay Style Combination -2

Generalizations of some basic brand shapes

Based on Brand baisc shape elements, create symbol graphics combinations. DON’T use blue+green.

Core 6 Sections Icons

Video Make

Learn

#Askack

Community

Festival Event

These sections icons can used on website, print material, displayed anywhere.

Web Service

Brand 3 Colors

Represent 2 Colors

1 Main Color

Icons+Logo Type Combination

The colors use each section represent main two colors.

Video Make

Learn

#Askack

Community

Festival Event

Web Service

Icon+Logo Graphic Elements Combination

Video Make

Learn

#Askack

Community

Festival Event

Web Service

The letter in each icon graphic is from each section name first letter. ONLY except “ Learn”, this section use “A” instead of “L”.

Icon+ Whole Logo

Each section name first letter in logo graphic circle, and each section icon in square. So these two places in logo graphic means‘ including,focus,Infinitely possible.’ can inlcude anything.

Video Make

Learn

#Askack

Community

Festival Event

Web Service

Icon + Logo Variantion

This is a variantion from icon+logo graphic combination. Scatter and deconstruct the logo, increase the contrast and make the whole style more flexible and vivid.

Video Make

Learn

#Askack

Community

Festival Event

Web Service

Icon+ MPWR in 26 Letters Style

Pick MPWR from tailored 26 brand letters, combinated with section icons.

Video Make

Learn

#Askack

Community

Festival Event

Web Service

d n a r B

i j o m E

Emoji

These Emoji can use anywhere, mainly used in social, forum. From web to print to mobile app. The colors can change.

In Use Hi

Bob, how’re you doing?

what about Peter’s projejct? Are you free tonight?

Hi Max not yet,

okay lets talk

tonight, see ya soon.

in website and mobile app.

Show Time: 7pm-9pm Location: Center Park No. 114 Road Sponsor: MPWR

in print / poster.

Im

e g a

y r

Imagery Style Overview

The imagery should convey the core value of the brand, the positioning of the brand and the target characteristics of the brand. Therefore, the overall style of the picture should be: refreshing, energetic, young, and it can also reflect the industry characteristics. The tone should be: bright and positive even cool yet minimal, have all the characteristics of young generation, such as neon effect. Express what they are, we;re as the same as them, but not a “ask “ or “command”. Not rigid, not the traditional official style, has the affinity, the atmosphere is warm and harmonious.

Imagery Moodboard Samples

These imagery style and tone are both vivid,modern,focus, youth with energetic feel. But not the trational Stiff, compulsive, uninteresting,rigid feel.

In Use

The image/photo can combination with logo,text,pattern, graphics,solid color background, and anything. The size is flexible, can be full size, half size, or just in the bg’s middle place, also can misplacement with its background.

MPWR Company From Here

We’re Hiring !

In Use - Brand Gestures The brand gestures represent brand core value. Can use everywhere to express brand value. Like ads, outdoor poster, event. Employees strengthen brand value with these gestures.

Brand Gestures Combination

These gestures can use in video, brand event,outdoor ads, etc.

p p A

s n it o a il c

All these basic layout text shape are as a basic reference, all based on brand logo elements, these are mainly text form style. Based on this, all other medias applications style can extension based on this.

No matter for ads,social posts, print,website etc.

Basic Layout Shape

M

W

P

W

W

P

R M

P

M

M

P

W

R

W

R

MP

MPWR

MP

PM

R

WR

WR MP MP

WR

M R PW M P WR M

M PW

PW

R

F TT G RT H PU Y M

O

RM

P

M KJ

MPWR

PW

R

YT G FD SS

WRMPWR

H TG IK JI

PW

RM PW

RMPW

R

PM

P

W

R

M R PW M P WR M

PW

M

PW

R

PW

M

PWRMP M

PW

R

M

R

MPWR

WRMPWR MPW

WR

M

R

R

PW

R

MPWR

M

M

PW

M PW

MPW

MPWR

MPW

RW

PM

R

PWRMP

MPWRM

R PW M

M

M

R

PW M

PW

W

RM PW PW P W RM

RM

I JI YH TG RD

M

M

RM

PW

RF PW M

PWRMP

RM PW PW PW RM M

R

M

M

MPWRM

RM PW P

PW RM

R MPWR W

M

PWRMP M

P WR

MPWR

P

RW

PM

MPWR

W

M

M

P

R

W

WR

PWR

M

RMPWR W

P

R

R

P

R

MPWR

M

W

PWRMP M

M

R

PWRMP M

M

W

PWR MP M

P

M

PW

R

Other Basic Layout Style Shape

ng

go

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

M

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

MPWR

WR

W

on’t tell me you Rd ’re th PW M

R

MP

These are more like a combination with previous basic layout shape.

They’re not limited, can developed based on brand elements and created more layout style.

W MP RMP

FGBMVWDSHKLMVLO

MPWRMPKJIIIHFHJRESC

PM

cvfhuuhi Rcdwbubh

Mniceincifenwkfvvf MPWRMPWRMPWRMP

MPW R WR WR M MP

MP

e

RW

MP

WR

P WR

WR

PWRMP M

R

P WR M

MPWR

MPWR

WRMPWRMPWRMPWR

P

MPWR MPWR

PM

M

M

P WR

MPWR

M

MPWR

MPWR

MPWR

WPM

MPWR

P WR

R

M

P WR

th in g

MPWR

MPWR

R

an d

MPWR

MPWR

W

in g

PWR

is th i

M

ow

Here

Here

M

H

e

From

From

P WR

R

MPWR

Company

RMPW PW

Company

M PW

PWRMP M

MPWR

MPWR is the best co

mpany ever We can

on’t tell me you Rd ’re th PW M

MPWR

Layout Style Sample - Text Only

fexdwdeqrdeqfu bibgrvgregr dwqeuhdieqdi fefrefrw frwf.

fexdwdeqrdeqfubib dwqeuhdieqdi

fexdwdeqrdeqfubib dwqeuhdieqdi

He eH tle re Titl ere Ti Mniceincifenwkfvvf

Title Here

cvfhuuhi Rcdwbubh

R

W MP RMP

fexdwdeqrdeqfubib dwqeuhdieqdi

@ Twitter @ Twitter @ Twitter @ Twitter @ Twitter

fexdwdeqrdeqfubibdwqe content here content her here content here

RMPW PW

@ Twitter

e Content Text Here Content Text Her

Content Text Here Content Text Her ere Content Text Here Content Text

vfvgffexdwdeqrdeqfubib vfgvbdwqeuhdieqdifewrf mjkjirfexdwdeqrdeqfubib nhhnjdwqeuhdieqdifewrf nhjnhfexdwdeqrdeqfubib csdcfdwqeuhdieqdifewrf

MPW R WR

WR M MP

fexdwdeqrdeqfubib dwqeuhdieqdi

fexdwdeqrdeqfubib dwqeuhdieqdi

fexdwdeqrdeqfubibffewfrfr dwqeuhdieqdifewferwfwf vdwvewvwvwfvcrvfvrwvf fewfwfwew.

He eH ti le re Titl ere T

fexdwdeqrdeqfubibdwqeuhdieqdifewrffexdwde qrdeqfubibdwqeuhdieqdifewrffexdwdeqrdeqfu bibdwqeuhdieqdifewrfbibdwqeuhdieqdifewrfp qrdeqfubibdwqeuhdieqdifewrffexdwdeqrdeqdq

dwqeuh Jouefeirwfruir Mhufr bbhcdebcue Tucdhfciuefreuik Mciu Euefhieuriefh Yhufheiru

@ Twitter

fexdwdeqrdeqfubibdwqeuhdieqdifrrfgfgvgrgrr content here content here contentfrefetrtftrtrf here content herergthejuifthuftu

@ Twitter @ Twitter @ Twitter @ Twitter @ Twitter

Content Here Content Here Yes Content Here Content Here Yes Content Here Content Here Yes Content Here Content Here Yes Content Here Content Here Yes

fexdwdeqrdeqfubibdwqeuhdieqdifewrffexdwde qrdeqfubibdwqeuhdieqdifewrffexdwdeqrdeqfu bibdwqeuhdieqdifewrfbibdwqeuhdieqdifewrfp qrdeqfubibdwqeuhdieqdifewrffexdwdeqrdeqdq

e Content Text Here ConItent Text H fexdwdeqrdeqfubib dwqeuhdieqdi

vfvgffexdwdeqrdeqfubib vfgvbdwqeuhdieqdifewrf mjkjirfexdwdeqrdeqfubib nhhnjdwqeuhdieqdifewrf nhjnhfexdwdeqrdeqfubib csdcfdwqeuhdieqdifewrf

Fexdwdeqrdeqfu Howcuebg

fexdwdeqrdeqfubibdwqeuhdieqdifrr content here content here content here content here fexdwdeqrdeqfubibdwqeuferfr

fexdwdeqrdeqfubib dwqeuhdieqdi

Content Here Content Here Yes Content Here Content Here Yes Content Here Content Here Yes Content Here Content Here Yes Content Here Content Here Yes

fexdwdeqrdeqf ubibdwqeuhdie qdidsds

@ Twitter

fexdwdeqrdeqfcs ubibdwqeu

fexdwdeqrdeqfubibdwqeu

All use Square style is in order to matched the brand logo look, also can standing out in most Rectangle style. The colors,patterns can changed based on needs.

These mainly for social post, but also can used for print,website,ads,video etc.

fexdwdeqrdeqfubib dwqeuhdieqdi

Layout Style Sample - Image Only

The colors,patterns can changed based on needs.

When have to in rectangle style, just keeping the same layout style.

Layout Style Sample - Image+Text

e

on’t tell me you Rd ’re th PW M

on’t tell me you Rd ’re th PW M

on’t tell me you Rd ’re th PW M

e

e

e

mpany ever We can

dbghejdfeqkrhdekvdsfvd hghgcfdefcdcfvdsfdss

MPWR is the best co

MPWR Company MPWR is the best co

fexdwdeqrdeqfubibfrrtw frwfrrtuhiswqsbweswe dwqeuhdieqdi

bhgdwqeuhdieqdidfdadfd

vdsfdhgghscdsvfs.

on’t tell me you Rd ’re th PW M

feubibdefre fexdwdeqrdeqfubibfrrtw frwfrrtuhiswqsbweswe dwqeuhdieqdi

vdfexdwdeqrdeqfubibcsdfd

fexdwdeqrdeqfubib dwqeuhdieqdi

From

fexdwdeqrdeqf ubibdwqeuhdie qdidsds

Here

mpany ever We can

Here Cont tent en on tH C e re

@ Twitter

nt nte Co re

re

Here Cont e n tH e

M M P PW W R R H H ow ow i is s th th in in g g go go i n in g g an an d d th th in in g g

nt nte Co re

MPWR Company From

fexdwdeqrdeqfubib dwqeuhdieqdi

Here

Here Con t e nt He

vdf exd wd bhg eqr dw d q euh eqfub dbg ibc die hej s qdi hgh dfeqk dfd dfd rhd adf gcf e d def vds cdc kvdsf fdh vd ggh fvdsfd ss scd svf s.

@ Twitter fexdwdeqrdeqfubib dwqeuhdieqdi

@ Twitter

fexdwdeqrdeqfubibfrrtw frwfrrtuhiswqsbweswe dwqeuhdieqdi

nt Here Conte nte nt He Co

fexdwdeqrdeqfubib dwqeuhdieqdi

fexdwdeqrdeqfubib dwqeuhdieqdi

M fexdwdeqrdeqfubib dwqeuhdieqdi dejdfeqkrhdek cfdefcdcf cdsvfs.

PW

R

H ow

is t

hi ng

go in g

on’t tell me you Rd ’re th PW M

fexdwdeqrdeqfubib dwqeuhdieqdi dejdfeqkrhdek cfdefcdcf cdsvfs.

e

fexdwdeqrdeqfubib dwqeuhdieqdi

Layout Style Sampel - #AskJak Section

Ask Jake Ask Jake Ask Jake Ask Jake

For this sepcial section #AskJak part, mainly use related brand elements like mouth, #, J letter, eyes, ask,question, face, etc. to formed the layout visual style, Whole look vivid yet Inspiring.

Full Page Layout Sample Display

Brand Video Layout - Basic Logo Place

Video Cover Layout Sample Video Title Name Here

Video Title Name Here

These are video cover. Since MPWR brand mainly focus on video first, So the video better to keep a consistent style with the brand positioning. These video cover can displayed when video haven’t “start”.

Video Title Name Here

Video Title Name Here

Basicaly there has 4 style, you can use based on different video purpose. The colors can change.

The video cover should keep the brand guidline rule. So this way can make the brand has a consistent visual image.

Social Media Sample

Youtube

Twitter

The banner can change based on different situation and events. Use the logo graphic as the main official logo icon. The same as other social platforms like Instagram and facebook, pinterest etc.

Social Media Sample - Instagram

For the avatar section,mainly use logo graphic as official avatar, but when needed also can changed to the logo type in circle style. Only can in these 2 style looks.

Events Flag Sample

T-shirt

Mainly has 3 directions: logo style; graphics elements style, and pattern style. T-shirt can used for events, gift for customers, company staff etc.

T-shirt T-shirt T-shirt

Totebag

Mainly has 4 directions: logo style; graphics elements style, pattern style,layout style and image style. Totebags can used for events, gift for customers, company staff etc.

Totebag Totebag Totebag

Image Ads

PASSION

These ads mainly for full image advertising style.

Use the logo square as the mainly symbol means focus. There have 2 styles.One flyer look, the other magazine look.

INNOVATIVE

COMMUNITY

Outdoor Poster

The outdoor posters /ads should focus on “outstanding, visual, eye-catching yet express brand value and positioning.� The layout style better to based on brand guidline, but when needed can create new visual layout look. Since the MPWR is flexible yet diversity,so no need to rigid.

Sponsor

Mainly use logo graphics, but in small size displayed situation,use logo type.

Small Size

Wayfinding Wall Sign

The wall background can use brand emoji, this make the brand more approachable,and in a NEON style, so increase the youth vitality and interest of brand.

Brand Illustration Style Reference Samples

Since based on brand style and visual positioning, the illustrations style should keep a “Neon Line� Style look and / or bold,contrasting neon brand colors.

So this way one hand can hightlight youth culture, the other hand can keep a consistent line style with the brand logo graphic.

Brand Icon Style Reference Samples

The icon style should also keep a consistent with brand visual and illustration. Line and line+ solid color combination are more fit, also in a neon feel.

The whole style should minimal yet eye-catching with brand colors.

Neon Style Logo Light

No matter indoor or outdoor,the logo graphic and type can changed to neon lighting style. This way increase more youth pop feel, more close to the way of life for young people and keep pace with the times.

by Designer Niki Yu

nikistudio@hotmail.com