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