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