寶馬品牌VI設(shè)計手冊

G

U

I

D

E

L

1

N

E

SMAY

2020ColorWebAccessibilityC

O

N

T

EN

T

STypogrophyVideo

Endings&LogoAnimationHeadlineStructureBrandClaimExamplesBrandmarks3571B

RA

N

D

MA

R

K

SBNWGUIDELINE5/LPRIMARY

LOGoPRIMARYL0G0lovar

picEurejM

么Tobeusedogcinst

black,picture,orcolor.To

be

used

in

excepbionul

cases

ogainst

whte.FALLBACKLOGoLoGocoLORS4Three

odditional

sociol

media

icons

ore

ovailable,but

they

must

be

cropped

to

fit

o

circle.①

M

①Whitelogoconbe

added

to

onyport

ofthis

grodient

bockgroundfor

circle

formots

[primarly

social

media

icon

use].Gradlent

logo

should

NOTbe

used

on

compaign

creatlve

assets.BNWGUIDELINES/GRADIENT

LOcoLOG?AGAINSTGRADIENTIncorrect5вми

сшреинез!вмивяамомаякьосо

браснсBNWGUIDELINE?/

BRANDMARK

LOGOSPACINGBMW&MLogoSateyZone

BMW&iLogoBMWGUIDELINE5/SYMBOLSAFETY

ZONEааншнзэ

миаааншааэ

миаоратануина50эотааышааэ

мнатззмпаапомывааншааэ

миаапотяматтна62BR

A

N

D

C

L

A

IM10The

bran

taim

should

b

inluded

with

he

BMW

ogo

on

most

creatve

sets

size

an

legiliy

pemiting).whenthebrandclaimiswritenoutnbodycopyorsentences,"Ulimote

doesNOTneed

tobebolded.The

UItimateDrivingMachine°BMW

GUIDELINE?/

BRANDCLAIMB

NWGUIDELINES

/STACKEDBRAMDCLAIMThe

UltimateDriving

MachineUltimateDriv

MachineThe

Uluimote

Dring

Mochine°LOCKUPThe0

MThe

Ultimate

Driving

Machine°TheUltimateDriving

MachineThe

UItimate

Drving

MachineBNWGUIDELINE5/BRANDCLAIMLOCKUP[HORIZONTAL]3C

O

L

O

R

SPRINTADPon

toneCooted2935C294C7626CCoalCrav9cCoolGroy

2cPantoneUncooted2935U541U7626UCoolCray8uCoolCroy

2UCMYKD/0/0/0100/52/0/0100/69/7/300/93/95/20/0/0/700/0/0/22 BMW

GUIDELINES/COLORS

Standord

appllcntions

ofBMWsymbols214/214/214#D606D616RGBHexadecimal255/255/255#FFFFFF11/11/111#6F6F6FD/61/120M003D7EExceptionalwhitespoceimplementationofBMWsymbolsD/102/177#0066B1226/39/24#E22718SCREENPrimaryCTADARK

BACKCROUNDBlockBMW

TypaNextBaldan

whitebuten.For

CTA

copy,the

first

lerter

ofeoch

word

should

be

copitollzede.g,View

OHter,Lecrn

More,Explore

NowPrimaryCTALIGHT

BACKGROUNDWhate

BMM

Type

Next

Bold

on

blue

burton.For

CTA

copy,the

first

lerter

ofeoch

word

should

be

copitolized.e.g,ViewOffer,Leorn

More,Explore

NowBMW

GUIDELINES/

CTABUTTONS#1C6903#26588B#5895E9Blue1Blue2Blue3CTA

DefoultCTA

HoverCTAdisobledBNWGUIDELINES/WEBCOLORS[ADACOMPLIANT]#5695E9Blue

3CTA

dsobled#1C6903Blue1CTA

Delout#26588BBlue

2CTA

Hover#DB3336RedError

State#CACACAGrey2TBD2221FIFBWM

Grey

Teat

Copy#CACACACrey2TBD#FFFFFFWhite

N/A*221FIFBWMGreyN/A#D83336RedErorStote#FFFFFWhite

N/A#F6F6F6Crey1

TBD#727171Grey

3TBD#727171Grey

3TBDF6F6F6Crey1TBD4TY

PO

G

RA

P

HYIn

principle,the

typeface

BMW

TypeNextLight

is

used.HEADLINESANDSUBHEADLINES

ARE

SET

IN

UPPER

CASE,while

bodycopy

isset

in

uppercaseand

lowercase.The

other

typefaces

can

be

used

to

ensure

optimal

legibility

and

textstructure,for

exampleinbodycopy,intermediateheadlinesorprice

labelling.In

digital

media,clickable

elements

are

always

set

in

Bold.Offer

copy

iswritten

in

"Sentence"case.BNWGUIDELINES/FONTSETYPOGRAPHY20PRIMARYWEIGHTBMW

Type

NEXT

LightAa

Bb

Cc

Dd

Ee

Ff

Gg

Hh

li

Jj

Kk

LI

Mm

Nn

Oo

Pp

Qq

Rr

SsTtUuVvWwXxYyZz0123456789$%&?!:#+/BMW

Type

NEXTThin

BMW

Type

NEXT

Regular

BMW

Type

NEXT

BoldBMW

GUIDELINES/FOTSE

TYPOGRAPHY215H

EA

D

L

IN

EST

R

U

CT

U

R

E22THEZ4THEZ4The

BMW

symbol

canbepositionedto

the

left

or

right

oftheheadline.①

M①M(fèi)yBMW

GUIDELINES/LOGO

IN

MEADLINESTHEZ4The

BMW

symbol

can

be

positioned

to

the

left

or

right

ofthe

hedline.24BMWGUIDELINES/LOGoIW

HEADLIMESTHE

M2

The

combination

of

BMW

symbol

and

subrand

symbol

is

positioned

exclusively

to

the

right

of

the

headline.BMW

GUIDELINES/MLOGOINHEADLINESTHE

i3

Thecombinationof

BMWsymbolandsubbrand

symbolispsitione

exclusivelytotheright

of

he

headline.BMW

GUIDELINES/1SERIES

LOGO

IN

HEADLINES26noMobeneadmeHEADLINE

SINGLELINE

ORTWO-LINE.SUBHEADLINE

SINGLELINE

OR

TWO-LINESUBHEADLINE.h

ln

tod

田rbhmboosSeodeBMwBMWGUIDELINES/SYMBOL5AFETY

ZONEHeadines

and

subheads

with

vehicte

conisation

do

not

end

with

fll

stop.THE3THEX7THE8GRANCOUPEHeadlinesandsubheadsinwhichthevehiclenameispartof

ophruse,statement

or

sentence

always

end

with

afull

top.In

adition,all

eodlines

and

subheads

without

the

vehicle

nome

end

with

a

fulltop.THEALL-NEW

BMWX5.THE

FIRST-EVER

BMWX7.VISITANDTEST-DRIVETHE

BMW3SERIES.UNPLUGAND

PLAY.BMWGUIDELINES/HEADLINESTRUCTURE28STYLINGIN

HEADLINESTHEX7THE3THE2GRANCOUPETHEX3×DRIVE30eBWM

Z4

ROADSTERmyBMWBMW

iNEXTBMW

CONNECTED

DRIVExDRIVEBMWMPERFORMANCE

PARTSSTYLING

IN

BODYCoPYBMWX7BMW

3

SeriesBMW2Gran

CoupeBMW×3×Drive30eBMW

Z4RoadstermyBMWBMW

iNextBMW

ConnectedDrivexDriveBMW

M

Performance

PartsBMWGUIDELINES/BMWNOMENCLATURESTYLING29V

I

D

EO

E

N

D

IN

G

S&

LO

G

O

A

N

IMA

T

I

O

N30·Roundel

should

always

be

shown

on

moving

footage

that

does

not

distractfromthe

roundel

itself·Background

footage

will

be

consideredandcapturedat

every

shoot

to

ensuresuitable

textural

plates·When

animated,roundel

will

fode

on

first,

followed

by

brand

claim·Static

logo

may

be

used

in

some

casesRIGHTWRONGBMWGUIDELINES/VIDEOENDINGSELOGOANIMATIOMBMWGUIDELINES/VIDEOENDINGEXAMPLES327EXA

M

P

L

E

SNOTE:The

exomples

shown

here

purposelullyvary

in

loyout.There

ore

no

set

templotes

or

rulesbeyondensuringthecorrectfont,logos,ondbrondclaimoreused.33×3MXTO

THEMPOWER.Mx4

MNEVER

STOTH

E2T

HE8

GRAN

CDUPEUaiece

Dowg

ooi

saeDowrgMarteaneMTHEX53BMWGUIDELINES/PRINTEXAMPLESNTRODUCNGOPTON2THEX7Z3九的

вми

сuоеuмебл

оон

ехамрцез35T

H

EX?LEASEA2020

BMW228ixDRIVEGRANCOUPE.S399bnoran5409d心5399

nagBMW

GUIDELINES/FMA

EXAMPLESCONFIDENCE

DOESN'TTAKE

DETOURS.36THE

BMW330ePLUG-INHYBRIDnmOffer

Details

DeaterTHE

M8GRANCOUPEARRIVEUNRIVALEDContact

o

clent

odhorot

Drlanone

tofokea

best-drhe

todoy.THEDAYLECENDARCContoct

o

dent

odvlsorto

tokeotest-drhe

todoy.BMWGUIDELINES/BANNEREXAMPLEs300×250BannersLeern

MereMBMwWGUIDELINES/BANNEREXAMPLEsoecdedabed-dhe

bodoy.T

HE970w250Banners38СопгосЕ

о

сЛепГ

осМзогot

Dealernome

to

fokea

test-drbe

todoy.Leorn

MorexTOTHEMPOWER.lвarп.

Могввми

сиоеимебуванмея

ехамрцебXTO

THE

M

POWER.Тне

хзм口HEХБМТ2В?9О

Ваппегя39TToUuninme

Ding

MadinINNOVATION

NEVERSTOPS.LeamMoreBMwWGUIDELINES/BANNEREXAMPLEsTHE

i3NEVERSTOPS.3TheUlimateDrbingMachine970w250BannersINNOVATIONade4oeo

sig2вми

сuoeuneбеман

темреате

ехамриесомрномьбегмеоомгг

атненM(jìn)arowi(staspCecew.nes7o%sAtePwLmW

E

BA

C

C

E

S

S

I

B

IL

ITYDesigningforwCAG

LevelAAComplianceAllweb

ossets

for

BMW

must

comply

with

WCAG

LevelAA

Compliance

requirements.1.1.1

Non-text

ContentLevelAAll

non-text

content

that

is

presented

to

the

user

has

a

text

alternoative

that

serves

the

equivalent

purpose.1.2.5AudioDescription

Level

AAAudio

description

is

provided

for

allprerecorded

video

content

in

synchronized

media.1.4.3

Contrast(Minimum)

LevelAAThe

visual

presentation

of

text

and

imoges

of

text

has

a

controst

ratio

of

at

leost

4.5:1,except

for

the

following:Large

Text:Large-scale

text

and

images

of

large-scale

text

have

a

contrast

ratio

of

at

least

3:1;Incidental:Text

or

imoges

of

text

that

are

port

of

an

inactive

user

interface

component,that

are

pure

decorotion,

that

ore

not

visible

to

anyone,or

that

are

part

of

o

picture

that

contoins

significont

other

visual

content,

haveno

controst

requirement.Logotypes:Text

that

is

part

of

o

logo

or

brand

name

has

no

contrast

requirement.2.4.6

Headingsond

Labels

LevelAAHeadings

and

labels

describe

topic

or

purpose.BMWGUIDELINES/

MINIMUMREQUIREMENTSFORWEB

BANNERS43Step

1:Openyourchoiceofcontrastratio

calculator:Eosy

Contrast

Rotio

Check

(OnlytestsforAA):controst-roAdvancedControst

RotioCheck(TestsforAAandAAA):

/resources/controstcheckerStep2:Acquirethe

hexcodeofaforegroundelementto

checkFor

exomple:"MAKEEVERYDAY"is

se

in

#FFFFFF

(white)Step4:Enterthe

hexcodes

intoacalculatorand

edit

your

artwork

or

design

untilthe

rotio

passes

the

required

minimum.Step3:Acquirethe

hexcodeof

lightestshadein

the

immediote

backgroundFor

exomple:the

sky

is

approximately#696968MAKE

EVERY

DATHEX7BMWGUIDELINES/HOwTO

CHECK

CONTRAST

RATIOM44MAKEEYERY

DAYLEGENDARYMAKEEVERY

DAY

LEGENDARY.MAKEEVERY

DAYLEGENDARY.n40BackgroundColorOCDCD8ughtnesBackgrouseColerG96961LghtnesBackgreundCalar*FEFDFOLgtnesforegroundColer

*FFLhnesFaregroundColrfFFFugtnessFeregroundColor*000000□LighnesContrastRatio1.37:1permalirkContrastRusio

5.49:1permuinkConbast

Ruo20.68:1strmankFAILPASSPASSMAKE

EVEMAKE

EVEDe/resources/coot