After the Xbox Launch event Microsoft released information about their desired branding for the new Xbox One and any fan sites, press sites or sales site should meet certain expectations when making use of the Xbox One brand. If you are looking for a ready made template for your site there are some excellent choices here. With a little tweaking they will be perfect for your fan site. So you've decided to start a site lets have a look at the brand guidelines, you should follow:
Xbox One Font
The Xbox One font is Segoe Pro Light and Regular. It is included with Windows 7+ but if you don't have it available you can download the font for free from Microsoft here. It’s free to use under the usual regulations so please don’t ever pay to download this font. Once you have the font you can install it by copying it into you Window’s font folder, if you need help locating this you will be able to find full instructions on Youtube.
Xbox One Colour Scheme (or if you’re American Xbox One Color Scheme)
As you can see from the image Microsoft have set out a range of colours which should be used when you begin to design your Xbox One site, or when you’re designing adverts and banners for the new Xbox One. The colours are all web friendly and you can also see their hex codes in the image. This image was originally published by Microsoft and is taken from their Xbox branding guidelines.
Designing for the Xbox One
When you sit down to design your banner or advert you need to consider the layout options which Microsoft have suggested. A 100% green fill should be used when displaying the console alongside the sensor. This basically means you need to fill your background with the Xbox One green hex colour: #107C10.
Layout is equally important, if you wish to include a screenshot or media content with your banner you also need to split the design into three parts. A fill green header spanning a height of 2.5% of the image, then the media content should fill the following 47.5%, the final 50% needs to be green fill. The final 50% can contain text and hardware the media section should use a media screenshot such as a game, or movie.
Using the Xbox One Logo
When you use the Xbox One logo within a banner or advert you need to make sure it is at least 20% width. Obviously preserving the aspect ratio of the logo provided. Using the Microsoft logo you need to make sure it is not more than 50% of the height of the Xbox One Logo.
Using Text in Banners
Font Type: Segoe Pro Light and Regular
Font Size: You can adjust the text accordingly but make sure the text is clear and can be read with ease at your preferred sizes.
Placement: The text can appear in the green fill panel, it can appear alone or alongside hardware images.
Alignment: Text should be centred or justified where possible.
Case: You should use capitalised text sparingly, for example for small headings, the rest of the text needs to be sentence case.
If your new to designing websites then Theme Forest have a great selection of Wordpress and Joomla templates to get your started. If you need some help styling your new website template then we would highly suggest this as a great place to start if your even a little technically minded you will find it of interest, we're sure
If you found this short guide interesting or useful please let your friends know using Facebook or Twitter!
We do not offer official Xbox One Branding information, we have taken this information from the branding guidelines provided by Microsoft, before you begin designing we advise you to read this document in full. It can be found on the official Microsoft website and offers full and concise info about designing for the Xbox One.