Xbox One Style Guide

Page 1

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





Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.