Style Guide
Se
Welcome! Designing for Xbox One? You’ve come to the right place. These guidelines are for Xbox One communications. For brand help and reviews, contact: xboxbrand@microsoft.com For asset help, contact: xboxbrandsup@microsoft.com
Xbox One Style Guide
To maintain its identity and consistency, the Xbox One brand must be used according to certain specifications. These guidelines are set throughout this manual. Uses As the official identity of Xbox One this guide is to aid as: • A tool for promoting Xbox One; • A ‘location’ brand with Xbox One events. Guidelines To protect its identity and achieve recognition, the Xbox One must be used consistently. These guidelines will assist you in drafting designs in the most correct manner.
Legal
The Xbox One wordmarks, logos and identifications, and the Xbox One event wordmarks, logos and identifications depicted in this Style Guide are trademarks, copyrighted designs and other forms of intellectual property of Xbox One, Microsoft. Neither these wordmarks, logos, uniform designs or identifications, nor any other identifications for which Xbox One holds exclusive licensing rights, may be used in whole or in part without the prior written consent of Xbox One. © 2013 Xbox One, Microsoft, Inc. All rights reserved.
Table of Contents
Identity
1 | Principles
Elements
3 | Our Logo 6 | Typography 7 | Color pallet 8 | Console with sensor 9 | TV with sensor 9 | Product screenshots
Layout
11 | 100% green 11 | 50% green with green bar 12 | Placing elements 13 | Logo sizing
100% gre
Flood green may marketing the co Xbox One Guidelines
100% green Flood green may be used when marketing the console and sensor
IDENTITY
Xbox One Gu
50% g green
The green b Required w green pane
Green pane Always pla green bar.
Preferred p showcasing
Xbox One Style Guide |1
Principles Premium Achieve the highest levels of quality and craftsmanship. Iconic Use striking imagery and memorable language. Simple Be focused, with clean layouts and tight copy. Experince forward Lead with games and entertainment experiences that create desire. Differentiated Look and sound uniquely Xbox.
Xbox One Guidelines
Logo sizing
Xbox One logo Logo must be at least 20% of the
Microsoft logotype The Microsoft logotype should fo minimum size guidance and sho exceed 50% of the “X” height of t Xbox One logo.
If both the Microsoft logo and th Xbox 360 logo appear on the sam horizontal plane, then the baselin of the “M” in Microsoft and the “X in Xbox should align.
ELEMENTS
Not all creative requires the Micr logotype. Please see the Microso guidelines for Xbox for additiona guidance.
Xbox One Style Guide |3
Sphere
Logotype
Logo
Four-Color Knockout
Four-Color Knockout
One-Color
preferred
The preferred logo should be the logo used unless there are production limitations, or the logo is being used in joint communication with other Mx icrosoft brands. The logo does not requires trademark bugs in most instances, including advertising and marketing Please contact xboxbrand@microsoft.com. for further guidance if you are using logos for software, hardware, packaging or books and manuals published by microsoft trademark bugs may still be requires, per guidance at http://lcaweb/marketing/Pages/Branding.aspx
The provided one-color versioin may be used as a single color or as a knockout for joint communication with other Microsoft brands
Xbox One Style Guide |5
Minimum clear space Height of primary logotype for all logos
Minimum Size Print .43 inches Screen 30 pixels
egoe Pro Light Segoe Pro R Segoe Pro Lig Regular Headlines and sub-headlines Light is recommended for type 24pt. and larger. SemiLight or Regular should be used for web or where legibility is an issue. Body copy Regular is recommended.
Xbox One Style Guide |7
Fill colors Xbox Green CMYK 75/0/100/0 RGB 16/124/16 HEX# 107C10
Black CMYK 0/0/0/100 RGB 0/0/0 HEX# 000000
Set all type in white. White and black should use the alternate broadcast colors for all broadcast TV, UI and dash. Broadcast Black RGB 16/16/16 HEX# 101010
Slate Gray CMYK 0/0/0/80 RGB 58/58/58 HEX# 3A3A3A
Broadcast White RGB 235/235/235 HEX# EBEBEB
Accent colors
Mid Gray CMYK 0/0/0/50 RGB 107/107/107 HEX# 6 B6 B6 B
Light Gray CMYK 0/0/0/20 RGB 194/194/194 HEX# C2C2C2
White CMYK 0/0/0/0 RGB 241/241/241 HEX# F1F1F1
Light Green CMYK 50/0/85/0 RGB 93/194/30 HEX# 5DC21ES
Elements
13
Console With Sensor
Minimum Size
Minimum Size
Print 2in Screen 150px 10% Layout
Print 1in Screen 75px 10% Layout
Use artwork as provided. CMYK files are provided in two formats. Ai files which should be used for any program that supports vector, e.g. Adobe Illustrator or Adobe Indesign, and PSD files which should be used with raster programs, e.g. Adobe Photoshop. If an off-color box appears around the shadow when placing assets into another application, make sure that the application is set to overprint preview. Bleeds are provided in CMYK versions of cropped assets.
Xbox One Style Guide |9
Elements
14
TV with Sensor
Xbox One Guidelines
Product screenshots Home screen and other screenshots should always be placed in the TV.
Home screen and other screenshots should always be placed in the TV.
Elements
Always place a UI screen shot or content on the TV screen. A sensor should always appear below the TV unless it appears somewhere else in the layout
LAYOUTS
Xbox One Style Guide |11
Green canvas 100% of canvas
17
Introducing the all-in-one entertainment system. Coming this holiday.
100% green
Introducing the all-in-one entertainment system. Coming this holiday.
Introducing the all-in-one entertainment system. Coming this holiday.
Introducing the all-in-one entertainment system. Coming this holiday.
Flood green may be used when marketing the console and sensor
50% green with green bar Green bar width
Green bar width 2.5% of longest edge 2.5% of longest edge Secondary panel 47.5% of longest edge
Secondary panel 47.5% of longest edge The green bar Required when using the 50% green panel. Green panel. Always placed opposite the green bar. Preferred panel for showcasing hardware.
Green panel 50% of longest edge
Introducing the all-in-one entertainment system.
Layout
19
marks and logos are trademarks of CBS Studios, Inc.
Introducing the all-in-one entertainment system.
Introducing the all-in-one entertainment system.
Morbi Morbi congue congue sagittis sagittis vulputate. vulputate. Aliquam Aliquam est est turpis, turpis, venenatis venenatis non non auctor auctor et, et, facilisis facilisis at at arcu. arcu. Proin Proin auctor auctor aliquet aliquet velit, velit, nec nec egestas egestas nisi nisi tristique tristique vulputate. vulputate. Nunc Nunc ac ac lectus lectus felis, felis, sit sit amet amet adolor adolor porttitor porttitor dolor. dolor. Suspendisse Suspendisse porta porta sem sem aa enim enim sagittis sagittis accumsan. accumsan. Aenean Aenean ac ac nunc nunc neque. neque. Proin Proin facilisis facilisis venenatis venenatis arcu arcu at at gravida. gravida.Vivamus Vivamusac acdolor dolorfelis, felis,ac acfringilla fringillaelit. elit.
Games and entertainment content can only be placed as a full flood on the secondary panel, or filling the TV screen. Games and entertainment content can only be placed as a single image, not a collage.
Guidelines
UI screen shots, including the Home screen are placed only in the TV screen. No element should be repeated or extend into another panel. Layout
ng the all-in-one system. oment sizing
on of games that look l life.
e logo st be at least 20% of the layout.
t logotype osoft logotype should follow mmum size guidance and should not 0% of the “X” height of the e logo.
Xbox One Style Guide |13
Introducing th entertainment
A new generation of ga and feel like real life.
20% of layout minimum
e Microsoft logo and the 0 logo appear onMinimum the same scale and shared plane alignment al plane, then the baseline ” in Microsoft and the “X” hould align.
eative requires the Microsoft . Please see the Microsoft logo es for Xbox for additional usage e.
Xbox one logo Logo must be at least 20% of the layout. Microsoft logotype The Microsoft logotype should follow minimum size guidance and should not exceed 50% of the “X” height of the Xbox One logo. If both the Microsoft logo and the Xbox 360 logo appear on the same horizontal plane, then the baseline of the “M” in Microsoft and the “X” in Xbox should align. Not all creative requires the Microsoft logotype. Please see the Microsoft logo guidelines for Xbox for additional usage guidance.
Print .43 inches Screen 30 pixels
Print .7 inches Screen 44 pixels