Page 1 of 39

Xiaomi’s Visual Identity

Guidelines

Page 2 of 39

A Brand logo

guidelines

B Brand colors

guidelines

C

Logo application

D

Brand font

guideliness

E

Incorrect use

cases

F Special use

cases

Page 3 of 39

A Brand logo

guidelines

Page 4 of 39

1 Brand logo guidelines

The Xiaomi logo is an important

visual identifier of our brand. It

communicates our company’s core

values and sets the stage for all

messaging and communication

that follows.

The Xiaomi logo should be used to

identify the company in external

communication materials to

maximize our visibility and to

maintain the singular, iconic look

with which our audiences identify.

Hence, it should not be used as a

secondary image in all collaterals

and must be treated with utmost

respect.

Vertical logo combination Standard

Cutout

Black

Recommended for materials used online.

(Actual applications may vary.)

Page 5 of 39

Standard Black Cutout

1 Brand logo guidelines

The Xiaomi logo is an important visual

identifier of our brand. It communicates

our company’s core values and sets the

stage for all messaging and

communication that follows.

The Xiaomi logo should be used to

identify the company in external

communication materials to maximize

our visibility and to maintain the

singular, iconic look with which our

audiences identify. Hence, it should not

be used as a secondary image in all

collaterals and must be treated with

utmost respect.

Horizontal logo combination

Recommended for oine

materials, when it is dicult to

see our logo from afar. (Actual

applications may vary.)

Page 6 of 39

2 Minimum clear space

Minimum clear space

The Xiaomi logo must have sucient

space around it, so that it is

recognizable in all situations and

stands out as it should. To ensure

this is possible, a protected area

should be provided around the logo.

Do not allow photos, typography, or

other graphic elements to enter the

minimum protected area.

If height of logo is X, then protected

area should be 1/2X.

Qspufdufe!bsfb

x

x

1/4x

1/5 x

1/2 x

1/2 x

1/2 x

1/2 x

Page 11 of 39

Co-branding guidelines:

4 With Xiaomi’s subsidiaries

Application

For Xiaomi community platforms and

subsidiaries:

1:The Xiaomi logo should be placed in

the top right corner of the visual.

2:Subsidiaries’ logo placement should

be lower than Xiaomi’s logo placement.

Logo positioning

Page 13 of 39

1 Standard brand colors

The Xiaomi logo is an important visual

identifier of our brand. In order to protect

and grow the Xiaomi brand, please follow

the guidelines provided in this document.

We have also provided additional guidelines

to ensure that our corporate colors are

accurately reflected on dierent

backgrounds:

The “Xiaomi” word should be

reversed to white for legibility.

For use on dark backgrounds

The “Xiaomi” word should be reversed

to white for legibility.

Sometimes, oen due to production

costs, only one color of ink is available.

Hence, the Xiaomi logo must be

reproduced only using one color. In this

scenario, the logo, logotype, and Xiaomi

logo must be used following the

convention of using a light color on a

dark background or a dark color on a

light background.

Keep the logo area clean and without

obstructions to make sure that the

logo is clearly visible.

Orange and grey logo combination

(preferred combination)

For use on light backgrounds

(Most preferred application)

The “Xiaomi” word should be in black

for legibility.

Page 15 of 39

The use of accurate and precise brand colors

help tie our communication materials closer

to our Xiaomi brand.

The signature Xiaomi orange is the most

distinctive color, and separates us from the

rest of the competition. It is widely used in

many of our communication materials.

The black and white combination provides a

sharp contrast and reflects modern day

sophistication.

The deep grey color represents cutting edge

technology vibe.

1:

2:

3:

槪豈頥過

Xiaomi’s Visual Identity Guidelines 3

The Xiaomi text written under the

Xiaomi logo on large outdoor billboards

should be written in “space black” (100%

black) in order to ensure the visibility of

the logo in large public spaces as well as

from far viewing distances.

Xiaomi

Orange

Deep

Grey

Xiaomi

Orange

Space

Black

Xiaomi

Orange

Jade

white

Jade

white

Jade

white

Space

Black

Space

Black

Page 17 of 39

The use of accurate and precise

brand fonts and brand logo help

tie our communication materials

closer to our Xiaomi brand.

Please ensure that all

communication materials bear

the correct brand font and

brand logo.

Csboe!gpou!qbdl!)Fohmjti*

Camphor Pro

3 Brand font (English)

Xiaomi Mix Max Note 1234567890

abcdefghijklmnopqrstuvxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

~!@#$€%^*()_+{}[]|\:”;<>,.?/¥

~!@#$€%^*()_+{}[]|\:”;<>,.?/¥

~!@#$€%^*()_+{}[]|\:”;<>,.?/¥

Xiaomi Mix Max Note 1234567890

abcdefghijklmnopqrstuvxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Xiaomi Mix Max Note 1234567890

abcdefghijklmnopqrstuvxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Thin

Light

Regular

Xiaomi Mix Max Note 1234567890

abcdefghijklmnopqrstuvxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

~!@#$€%^*()_+{}[]|\:”;<>,.?/¥

~!@#$€%^*()_+{}[]|\:”;<>,.?/¥

~!@#$€%^*()_+{}[]|\:”;<>,.?/¥

Xiaomi Mix Max Note 1234567890

abcdefghijklmnopqrstuvxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Xiaomi Mix Max Note 1234567890

abcdefghijklmnopqrstuvxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Medium

Bold

Heavy

Page 18 of 39

For online use: Please use dierent front

weights (Bold/regular/light) to add emphasis

and dierentiate content hierarchy.

For oine use: Recommended to use the

bold weight, since audience might be far

away from the visual.

Use of font weight and size is dependent on

the purpose and content of the marketing

materials.

Gpou!xfjhiu!tfmfdujpo

3 Brand font (English)

Title

Subtitle

Tagline

Content

Regular

Regular

Bold

Light

Do not exceed 3 weight on the same page。

Page 22 of 39

2 Incorrect logo usage

Ipsj{poubm!mphp!dpncjobujpo

Some incorrect examples

Ep!opu!qmbdf!uif!dvupvu!mphp!po!b!wjtvbmmz!dmvuufsfe

!ps!qbuufsofe!cbdlhspvoe

Ep!opu!vtf!boz!dpmpst!puifs!uibo!uif!csboe!dpmpst Sftj{f!uif!mphp!jo!qspqfs!qspqpsujpot

Ep!opu!sfeftjho!uif!mphp Qmfbtf!ep!opu!bee!boz!tqfdjbm!fggfdut! Ep!opu!vtf!puifs!gpout!jo!uif!mphp

Page 23 of 39

3 Logo and background color

Please do not place the Xiaomi

logo on a background color that

makes it dicult to recognize.

Page 29 of 39

4 For video collaterals

Gps!vtf!jo!wjefpt Gps!foejoh!tdfof

2:31Y2191

2:31Y2191

Uif!#Yjbpnj¥!xpse!tipvme!cf!

sfwfstfe!up!xijuf!gps!mfhjcjmjuz!po!ebsl!

cbdlhspvoet/

Vertical logo combination

Page 30 of 39

5

This part is used to distinguish when to

use Vertical logo combination and

Horizontal logo combination identifiers.

Note: When the visual is placed

further away from the audience,

such as outdoor billboards or

mobile advertisements, please

make sure that the logos are big

enough to be read.

For oine collaterals

Csboejoh

+QQQ;!Qsfgfssfe!qbsuofs!qsphsbn

Bvuipsj{fe!tupsf QQQ併mbshf!nbslfu!qmbdf

Pvutjef!uif!tifmg Tifmg!boe!Qspnpujpo

Ofbs!uif!tifmg

Mjhiu!cpy

Hspvoe!qbtuf-!

fud/

Gmzfs

Mfbgmfu

Qsjdf!ubh

Evnnz-!

fud/

Cvt!bet

Qmbugpsn

Bjsqpsu

Pvuepps!cjmmcpbse

Cvjmejoh-

!fud/

qptufs

Ejtqmbz!Sbdl

Mfbgmfu

Gmzfs-

!fud/

Qjmf!ifbe

Ejtqmbz!Sbdl

Ibohjoh!Gmbh-!

fud/

Pvutjef!uif!tifmg

Ofbs!uif!tifmg

Mjhiu!cpy

Hspvoe!qbtuf-!

fud/

Qjmf!ifbe

Ejtqmbz!Sbdl

Ibohjoh!Gmbh-

!fud/

Pvuepps

cjmmcpbset

Bqqmjdbujpot!pg!uif!Ipsj{poubm!boe!wfsujdbm!mphpt!jo!ejggfsfou!tdfobsjpt!

Nj!Tupsf