Sony PlayStation Advertising Design Specifications Version 1.9 Contents PlayStation.com Spotlight banner 02 PlayStation.com Home Hero 03 PS3 Browser 04 PS3 What's New 05 PS3 What's New Video 06 PS4 What's New 07 PS Store Hero 08 PS Store App Grid 09 PS Store Game Grid 10 PS Store Mosaic Zero 11 PS Store trailer product page 12 Web Store homepage spotlight 13 Web Store Games/ Movies spotlight 14 Branded Destination Page 15 PS3 Branded Static theme 16 PlayStation Home Virtual items 17 PlayStation Home Promotional activities 18 PlayStation Guidelines
PlayStation.com Spotlight banner Description The Spotlight banner on eu.playstation.com comprises several separate parts that come together in our system to form a single communication. The steps shown opposite guide you through this process and tell you what you need to provide to form a banner. 1. Image: 1066x485px image, JPG at 70% compression 2. Logo: 283x88px logo, Transparent PNG 3. Copy: Headline: 35 characters (max inc. spaces). Teaser: 60 characters (max inc. spaces). This will be integrated into the final banner by our system. Please provide localised versions if needed (English, French, Italian, German and Spanish) 4. Please provide 2 x HEX Colour codes (light and dark) for the page background: (optional) 5. Age Rating Video game banners should not include age ratings as this will be layered by PlayStation at publish Use template: Spotlight_Template 1066x485.psd This is what you supply 1 This is how it appears on PlayStation.com 2 3 4 02
PlayStation.com Home Hero 1. Desktop Image: 1600x900px image, JPG at 70% compression 2. Responsive image: 900x900px image, JPG at 70% compression 3. Logo: 440x220px (variable), Transparent PNG 5. Copy: Headline: 35 characters (max inc. spaces). Teaser: 60 characters (max inc. spaces). This will be integrated into the final banner by our system. Please provide localised versions if needed (English, French, Italian, German and Spanish) Use template: Desktop image HugeHero_Template.psd Responsive image: HugeHeroResponsive_Template.psd 4. Carousel Thumbnail 130x73px, Logo: HugeHeroLogo_Template.psd Carousel Thumbnail: HugeHero_Thumbnail.jpg This is what you supply 1 This is how it appears on PlayStation.com 2 3 4 03
PS3 Browser Text Blocks If you define copy alongside the image, a dark grey bar will appear underneath. The copy will truncate at 2 lines. Safe Zone The image asset is always centred within the available display area. This means that if a copy block is defined, more of the asset will be cropped evenly from the top and bottom of the image. Promo Spot: 915px X 515px JPG - Around 75% to preserve quality Use template: banner_lg_template.psd Key content should be kept well within the safe zone. Without Text Block (Text is manually embedded in image asset) This is how it appears on the PS3 Browser With Text Block (Copy appears in a block under the image) 04
PS3 What's New Description The What's New banner comprises of a single banner that sits under the PlayStation Network XMB icon. The steps shown opposite guide you through this process and tell you what you need to provide. Copy: One version of this banner is used for all territories, therefore only English copy is required. Age Rating: Banners should not include age ratings, in keeping with consistency of other What s New banners. Static Banner: Image size: 486 x 405 pixels File format: JPG format 70% compression (progressive not supported) Flash Banner: (Optional) This is what you supply This is what you supply Image size: 486 x 405 pixels File format: Adobe Flash 9 or older SWF format File size: maximum 1.5MB Frame Rate: Max 30fps The processing of 1 frame of an Adobe Flash movie must be 28msec or less memory consumption must be 8MB or less. Audio should not be included in Flash banners. Use Template: WhatsNew_no_branding_TEMPLATE.psd This is how it appears on the XMB 05
PS3 What's New Video Description The What's New video, comprises of a single banner that sits under the PlayStation Network XMB icon on the PS3, and opens a full screen HD video player. The steps shown opposite guide you through this process and tell you what you need to provide. 1. Static Banner: Image size: 486 x 405 pixels File format: JPG format 70% compression (progressive not supported) 2. Video: mp4 or mov - 1920x1080-16:9-90MB max. Use Template: WhatsNew_no_branding_TEMPLATE.psd This is what you supply 1 This is how it appears on the XMB 2 Video streams in full screen mode 06
PS4 What's New Tile image: 470x264 JPEG Gallery image: 1090x613 JPEG 300KB max or Video: mp4 or mov 720x406-100MB max. Text copy: - Headline 32 characters with spaces max - Teaser 65 Character with spaces max. This is how the What's New Tile image appears on the PS4 This is how the What's New Gallery image appears on the PS4 This is how the What's New Gallery Video appears on the PS4 07
PS Store Hero PSD file with 3 layers: Layer 1) Background: 1920x1080px Layer 2) Hero Character: Approx. 560x920px (Max. 800px wide x 950px high) Layer 3) Logo: Approx. 440x220px (Max. 520px wide. Max. 380px high). 1. All banners must be supplied in both layered PSD and JPG formats. Custom fonts must be provided or all text layers should be flattened. 2. Age Rating Do not include age ratings as this will be added by PlayStation at publish. 3. Do not include publisher or developer logos 4. Marketing messages or calls-to-action (e.g Download now) - these will be added and localised by SCEE. If a specific strapline or message is suggested then please communicate this to your SCEE contact Use Template: H1 TEMPLATE.psd 08
PS Store App Grid 1330x250 (PSD & JPEG) 1. All banners must be supplied in both layered PSD and JPG formats. Custom fonts must be provided or all text layers should be flattened. 2. Marketing messages or calls-to-action (e.g Download now) - these will be added and localised by SCEE. If a specific strapline or message is suggested then please communicate this to your SCEE contact. Please provide localised versions if needed (English, French, Italian, German and Spanish, etc). 09
PS Store Game Grid 1330x250 (PSD & JPEG) 1. All banners must be supplied in both layered PSD and JPG formats. Custom fonts must be provided or all text layers should be flattened. 2. Marketing messages or calls-to-action (e.g Download now) - these will be added and localised by SCEE. If a specific strapline or message is suggested then please communicate this to your SCEE contact. Please provide localised versions if needed (English, French, Italian, German and Spanish, etc). 10
PS Store Mosaic Zero PSD file with 3 layers: Layer 1) Background: 1920x1080px Layer 2) Hero Character: Approx. 560x920px (Max. 800px wide x 950px high) Layer 3) Logo: Approx. 440x220px (Max. 520px wide. Max. 380px high). Video: mp4 or mov 720x406-90MB max. Use template: H1_Mosaic_TEMPLATE.psd 1. Marketing messages or calls-to-action (e.g Download now) - these will be added and localised by SCEE. If a specific strapline or message is suggested then please communicate this to your SCEE contact. Please provide localised versions if needed (English, French, Italian, German and Spanish, etc). 11
PS Trailer product page Store thumbnail: 1024x1024 Pixels (PSD & JPG) Video: mp4 or mov 1920x1080-100MB max. Synopsis: 100 characters max (with space). Please provide localised versions if needed (English, French, Italian, German and Spanish, etc). Video: mp4 or mov 720x406-90MB max. Video: mp4 or mov 1920x1080-100MB max 1. All banners must be supplied in both layered PSD and JPG formats. Custom fonts must be provided or all text layers should be flattened 12
Web Store Homepage Spotlight Description The Featured Image on the Chihiro Homepage comprises of a single banner. The steps shown opposite guide you through this process and tellyou what you need to provide. 1. Static Banner: Image size: 954x302 pixels File format: PNG format 70% compression (progressive not supported) Use template: A954x302 Chihiro_Homepage.psd This is what you supply This is how it appears on https://store.sonyentertainmentnetwork. 1 13
Web Store Games/ Movies Spotlight Description The Featured Image on the Chihiro Games/Movies page comprises of a single banner. The steps shown opposite guide you through this process and tell you what you need to provide. 1. Static Banner: Image size: 790x250 pixels File format: JPG format 70% compression (progressive not supported) Use template: B790x250 Chihiro_Games.psd This is what you supply This is how it appears on https://store.sonyentertainmentnetwork. 1 14
Description Branded Destination Page The Branded destination is not a closed format. There are four models available to be created based on a briefing/concept. The four models vary depending on the required/chosen features: 1. Video: Quicktime files (.mov or.mp4) Dimensions: 1280x720 preferred (704 x 396 minimum), or flv - 704x396-16:9 with top and bottom black stripes - 30 meg max. Must be 16:9 with top and bottom black stripes. No Xbox/Wii/PC logos or packshots or ESRB ratings. 3. Headline: 25 characters max with spaces. Please provide localised versions if needed (English, French, Italian, German and Spanish) 4. Teaser (optional): 100 characters max with spaces. Please provide localised versions if needed (English, French, Italian, German and Spanish) 2. Creative (background skin): 1920x1080 pixels JPG and a PSD layered format. 5. Synopsis: depending on clients briefing 6. Call to action buttons: PSD layered format. Several options depending on clients briefing i.e. Download Theme, View Stills, Watch Trailer, etc. 15
PS3 Branded Static theme Description The branded PS3 static theme comprises of an asset of images that can be set to define the appearance of the XMB (Cross Media Bar) on a PlayStation 3 system. It includes a static background image and a set of custom icons that replace the XMB default icons The static theme is created by Sony in house based on a briefing/concept. The theme background image fills the entire screen and has to fit around the fixed menu icons ensuring legibility for the user. High resolution key imagery for the theme background (1920x1080 pixels) Any other imagery, such as logos, slogans, etc. To be supplied in JPG and a PSD layered format PS3 Themes are downloaded from the PlayStation Store This is how the theme looks on the PS3 XMB screen 16
Description PlayStation Home Virtual Items Virtual Items are really popular features within the Home community, allowing fans to wear their anticipation for a film on their virtual sleeves. Our developers will create a clothing item for users to wear around Home or a furniture item for their personal apartments, based on your brief and branding assets. All virtual items will be given away for free within the Home clothing or furniture Stores. Those virtual items will be promoted within Home via the Navigator, billboards, posters and videos. 1. High resolution reference images, preferably from the front back, sides, top and bottom to show the full costume/outfit/character/item (JPG format) 2. If available: High resolution images of any specific details and/or textures/materials. 3. If available: Video to show costume/outfit/character in motion 3D models (preferably Maya or OBJ format) 17
PlayStation Home Promotional activities Description The Home Team will promote your virtual Item within the Home space via posters, billboards and potentially videos as far as possible given available slots. Media items (posters, videos, etc.) will not be reported on and the level of visibility given cannot be guaranteed. 1. Home Poster: 256x368 pixels JPG and DDS formats 2. Home Billboard: 684x384 pixels JPG and DDS formats 3. Video: MP4 format, 60-100mb ideally, 720p max (Do not supply 1080p) Use Template: Home Billboard Template.psd Home Poster Template.psd Example of a Billboard in PlayStation Home Example of a Poster in PlayStation Home Video example 18