Template Guide October 20, 2016
PlayNow Template Guide TABLE OF CONTENTS
Home ++ Overview - 6 ++ Mobile - 7 ›› CAROUSEL BANNER
›› App Carousel Banner 640 x 300 ›› Mobile Banner / NEW 767 x 260 ›› LOBBY / MOBILE APP ONLY
›› App Lobby Tile 640 x 360
++ Desktop - 10 ›› CAROUSEL BANNER
›› Home Carousel Banner 1920 x 320 ›› Carousel Thumbnail 90 x 60 ›› Logo Overlay / PNG 746 x 160 ›› HAPPENING NOW GRID
›› 3 x 2 Banner 600 x 400 ›› 3 x 2 CTA Banner 600 x 400 ›› 3 x 1 Banner 1080 x 360
Lottery ++ Desktop - 14 ›› LANDING PAGE
›› Lottery Product Banner 1920 x 280 ›› Lottery Promo Banner 1920 x 280 ›› WINNERS
›› Winner Promo Banner 1920 280 ›› 3 x 2 Banner 600 x 400 ›› 3 x 2 Homepage 600 x 400
Keno
Casino ++ Overview - 16 ++ Desktop - 17 ›› LANDING PAGE
›› Casino Promo Banner 1920 x 280 ›› 3 x 2 Circular / PNG 600 x 400 ›› PROMO PAGE
›› Promo Page Banner 1920 x 280 ›› Promo Page Parallax 1920 x 1280 ›› WINNERS
›› Winner Promo Banner 1920 280 ›› 3 x 2 Banner 600 x 400 ›› 3 x 2 Homepage 600 x 400
Sports ++ Mobile - 22 ›› LANDING PAGE
›› App Sports Banner 640 x 150
++ Desktop - 23 ›› LANDING PAGE
›› Sports Carousel Banner 1920 x 320 ›› Sports Promo Banner 1205 x 281
Poker ++ Desktop - 24 ›› LANDING PAGE
›› Poker Promo Banner 1920 x 280 ›› WINNERS
›› Winner Promo Banner 1920 280 ›› 3 x 2 Banner 600 x 400 ›› 3 x 2 Homepage 600 x 400
Bingo
Promos
PlayNow Template Guide TABLE OF CONTENTS
Other Assets ++ Overview - 25
Social Media ++ Facebook - 27
›› Facebook Profile Picture 250 x 250
++ Hootsuite Campaigns - 32
›› Hootsuite Campaigns Mobile Image 480 x 300
›› Facebook Cover Image 851 x 315
›› Hootsuite Campaigns Desktop Image 970 x 500
›› Facebook Post Images 1200 x 630
›› Hootsuite Campaigns Background Image 2560 x 1440
›› Facebook Timeline Image 1200 x 1200
++ Twitter - 29
›› Twitter Profile Image 400 x 400 ›› Twitter Cover Image 1500 x 500 ›› Twitter Tweet Image 440 x 220
++ Instagram - 31
›› Instagram Profile Picture 640 x 640 ›› Instagram Image 1080 x 1080
PlayNow Template Guide VISUAL TABLE OF CONTENTS
APP SPORTS BANNER
640 x 150
CAROUSEL THUMBNAIL
90 x 60
SPORTS PROMO BANNER
LOGO OVERLAY
1205 x 281
746 x 160
3 X 2 BANNER APP LOBBY TILE
640 x 360
APP CAROUSEL BANNER
640 x 300
600 x 400
PROMO PAGE PARALLAX
1920 x 1280
3 X 1 BANNER MOBILE BANNER
767 x 260
HOME CAROUSEL BANNER
1920 x 320
PROMO BANNER
1920 x 280
1080 x 360
INSTAGRAM PROFILE PICTURE
INSTAGRAM IMAGE
FACEBOOK TIMELINE IMAGE
1080 x 1080
1200 x 1200
640 x 640
HOOTSUITE CAMPAIGNS MOBILE IMAGE
480 X 300
HOOTSUITE CAMPAIGNS DESKTOP IMAGE
970 X 500
TWITTER PROFILE IMAGE
FACEBOOK POST IMAGE
1200 x 630
400 x 400 TWITTER TWEET IMAGE
440 x 220 TWITTER COVER IMAGE
1500 x 500
HOOT SUITE CAMPAIGNS BACKGROUND IMAGE
2560 x 1440
FB PROFILE PICTURE
250 x 250
FACE BOOK COVER IMAGE
851 x 315
Home Overview
Responsive
Mobile App
9:41 AM
100%
9:41 AM
100%
Home Mobile CAROUSEL BANNER The mobile landing page has three images: • App Carousel Banner • Mobile Banner NEW • App Lobby Tile
App Carousel Banner 640 x 300 IMAGE
The App carousel banner appears on the home page and will display at a width as small as 320px. Best practice for images does not include buttons and leaves space for carousel pips to display at the bottom. TEXT
Text must be legible. FILE
The file is to be saved at the smallest size possible and can usually be set at a jpg quality of 60 (High) with a max file size of 100Kb filename: DG-app-carousel-640x300.jpg
APP CAROUSEL BANNER
640 x 300
Home Mobile
ï
CAROUSEL BANNER The Mobile Banner consists of two images: • Mobile Banner • Logo Overlay / PNG
Mobile Banner 767 x 260 IMAGE
The banner will progressively reveal more starting in the center of the image and moving outwards on both left and right. The height of the banner will remain fixed. The image may be presented on the left, right or in the centre. TEXT
Text will sit on top of the image and interact dynamically. There will be a darker transparent background to increase visibility. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: ST-mobile-767x260.jpg
MOBILE BANNER
767 x 260
LOGO OVERLAY
746 x 160
ï image main focus
Home Mobile LOBBY
App Lobby Tile 640 x 360 IMAGE
The App lobby tile only appears in the web app home page lobby on tablet, and will display at a width as small as 245px. TEXT
Text must be legible FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb filename: POOLS-app-lobby-tile-640x360.jpg
APP LOBBY TILE
640 x 360
Home Desktop CAROUSEL BANNER The homepage carousel has three images: • Home Carousel Banner • Carousel Thumbnail • Logo Overlay
Carousel Banner 1920 x 320
HOME CAROUSEL BANNER
1920 x 320
image main focus
The main portion of the image sits within the red rectangles depending on whether it is setup as a left or right orientation. Usually banners are set up to display text left, image right. The diamond graphical element from the playnow brand is not used. TEXT
This banner is paired with the logo overlay (PNG) and subtext. The overlay is created as a separted file (discussed on the next page). The text for the banner is inputted dynamically and will appear in only white or black. There must be enough contrast with the image for the text to be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: FG-carousel-1920x320.jpg
ï
ï
IMAGE
The banner contains the background and feature images. Headers and subtext are added in afterwards.
Home Desktop CAROUSEL BANNER
Logo Overlay / PNG 746 x 160 IMAGE
The png overlay is the title of the game or campaign in the associated style. The logo or word-mark is created as large as possible given the proportions. If nothing is provided we provide a title in alignment with the PlayNow brand. FILE
The file is saved out as a png for transparency. It is to be saved at the smallest possible size that still maintains quality < 80kb
LOGO OVERLAY
746 x 160
filename: FG-logo-overlay-746x160.png CAROUSEL THUMBNAIL
90 x 60
Carousel Thumbnail 90 x 60 IMAGE
The carousel thumbnail is displayed only in the desktop environment with the user hovers over one of the pips at the bottom of the banner. TEXT
The image is an identifier and contains no text. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: FG-carousel-thumb-90x60.jpg
ï
Home Desktop HAPPENING NOW GRID
3 x 2 Banner 600 x 400 IMAGE
This is the site’s most versatile piece. It is used in three ways: • To display a game/campaign title. • It serves as a call to action (CTA) in the Happening Now Grid, and • It is the main imagery in emails. TEXT
All text must be made legible for mobile. Centered vertically and horizontally. The tile scales down to mobile, so may be viewed as small as 148 x 98. No change for mobile.
3 X 1 BANNER
1080 x 360
FILE
3 X 2 CTA BANNER
600 x 400
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: FG-3x2-600x400.jpg 3 X 2 BANNER
600 x 400
3 X 2 CTA BANNER
ï
600 x 400
3 X 2 CTA BANNER
600 x 400
Home Desktop HAPPENING NOW GRID
3 x 2 CTA Banner
3 X 1 BANNER
600 x 400
1080 x 360
The 3 x 2 CTA Banner has a message along with the header or logo that is present in the original 3 x 2 Banner.
3 X 2 CTA BANNER
3 x 1 Banner 1080 x 360 IMAGE
This tile is not used as often as its 3x2 partner and only appears in the Happening Now Grid. No change for mobile. TEXT
Image may be viewed at a smaller size on mobile, so type must be legible as small as 320px width. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: LOTTERY-3x1-1080x360.jpg
600 x 400
ï 3 X 2 BANNER
600 x 400
3 X 2 CTA BANNER
600 x 400
Lottery Desktop LANDING PAGE
Lottery Product Banner 1920x280 IMAGE
There are two banners within this section, a product banner and a split product banner. The product banner features only one product. The split product banner does not change often. It includes the two main national lottery jackpots. Image only (green gradient and blue sky). Copy and logos are added dynamically in the back end. No diamond pattern.
LOTTERY PRODUCT BANNER
1920 x 280
ï
FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: LM-649-product-1920x280.jpg
Lottery Promo Banner 1920 x 280 IMAGE
TEXT
Text is inputted dynamically filename: LM-promo-1920x280.jpg
LOTTERY PROMO BANNER
1920 x 280
image main focus
ï
This type of banner is one of the most common pieces on the site. Also known as the mid-page banner, it is used in each section as a promo banner and named according to the section it appears in. It often appears with the PlayNow diamond pattern, but is not required.
Lottery Desktop WINNER There are three images that make up winner assets: • Winner Promo Banner • 3 x 2 CTA
Winner Promo Banner
WINNER PROMO BANNER
1920 x 280
image main focus
1920x280 IMAGE
This banner usually has a diamond pattern included in the design. It helps to feature the winner and limit. It features the winners and the game that celebrated the win. TEXT
Text is inputted dynamically for this banner. It appears only in black and white. There must be enough contrast in the image for legibility. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: PA-winner-promo-1920x280.jpg
3 x2 Banner
See specs under HOME - HAPPENING NOW GRID
3 x 2 CTA Banner
See specs under HOME - HAPPENING NOW GRID
ï
ï
• 3 x 2 Banner
Casino Overview
Casino Desktop LANDING PAGE The casino page consists of two images: • Casino Promo Banner • 3 x 2 Circular
Casino Promo Banner 1920 x 280 IMAGE
CASINO PROMO BANNER
1920 x 280
image main focus
Because the casino page has a secondary menu on the left side of the page, the main focus of the imagery is often displayed on the right side and the text on the left. The banner has the option to display the main image focus on the left and right. TEXT
Text is inputted dynamically FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: SPIN-casino-promo-1920x280.jpg
ï
ï
This is a common element in game launches. The diamond pattern from the PlayNow brand is often used in it but not required.
Casino Desktop LANDING PAGE
3 x 2 Circular 600 x 400 IMAGE
This image is used on the casino page and on the home page. The image will eventually be phased out and replaced with 3 x 2 tiles. A mobile icon will be added to this tile to indicate mobile friendly games. TEXT
The title of the game is to be centered vertically/ horizontally and made as large as possible. FILE
The image is saved as a png file for transparency. The file is to be saved at the smallest size possible < 80 Kb filename: DD -3x2-circular-600x400.png
ï
3 X 2 CIRCULAR
3 X 2 CIRCULAR
3 X 2 CIRCULAR
3 X 2 CIRCULAR
3 X 2 CIRCULAR
3 X 2 CIRCULAR
3 X 2 CIRCULAR
3 X 2 CIRCULAR
600 x 400
600 x 400
600 x 400
600 x 400
600 x 400
600 x 400
600 x 400
600 x 400
Casino Desktop PROMO PAGE The casino page consists of two images: • Promo Page Banner • Promo Page Parallax
1920 x 280 IMAGE
PROMO PAGE BANNER
1920 x 280
image main focus
This image is identical to the Casino Promo Banner but needs to be created in coordination with the parallax element. The two of them serve as a takeover for the casino page. TEXT
Text is inputted dynamically FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: LADYROBINHOOD -promo-page1920x280.jpg
ï
ï
Promo Page Banner
Casino Desktop PROMO PAGE
Promo Page Parallax 1920 x 1280 IMAGE
This image rests behind the 3 x 2 tiles on the casino page. The slot game tiles take up about 1200px centered on the page. The focus of the imagery is on the sides of the page, outside of the slot game area. The image should be dark so as to highlight the game tiles and create contrast. Not intended to be the main focus of the page.
PROMO PAGE PARALLAX
1920 x 1280
TEXT
No text is to be placed on the image FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: LADYROBINHOOD -promo-pageparallax-1920x1280.jpg
ĂŻ
Casino Desktop WINNER There are three images in winner assets: • Winner Promo Banner • 3 x 2 Banner
Winner Promo Banner
See specs under LOTTERY - WINNER
WINNER PROMO BANNER
1920 x 280
image main focus
3 x2 Banner
See specs under HOME - HAPPENING NOW GRID
3 x 2 CTA Banner
See specs under HOME - HAPPENING NOW GRID
ï
ï
• 3 x 2 CTA
Sports Mobile LANDING PAGE
App Sports Banner 640 x 150 IMAGE
The App sports banner appears on the sports page and will display at a width as small as 320px. TEXT
Text must be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: 12P-app-sports-640x150.jpg
APP SPORTS BANNER
640 x 150
Sports Desktop LANDING PAGE There are three images for sports: • Sports Carousel Banner • Sports Promo Banner • 3 x 2 Banner
Sports Carousel Banner
See specs under HOME - CAROUSEL BANNER SPORTS PROMO BANNER
image main focus
1205 x 281 IMAGE
This banner only appears on the sports landing page. The diamond pattern is often used in the creative. Imagery appears on the right TEXT
Text is inputted dynamically FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: POOLS-sports-promo-1205x281.jpg
3 x2 Banner
See specs under HOME - HAPPENING NOW GRID
ï
ï
Sports Promo Banner
1205 x 281
Poker Desktop LANDING PAGE
Poker Promo Banner
See specs under HOME - CAROUSEL BANNER WINNER PROMO BANNER
1920 x 280
image main focus
WINNERS There are three images for winner assets: • Winner Promo Banner • 3 x 2 Banner • 3 x 2 CTA
Winner Promo Banner
See specs under LOTTERY - WINNER
3 x2 Banner
See specs under HOME - HAPPENING NOW GRID
3 x 2 CTA Banner
See specs under HOME - HAPPENING NOW GRID
ï
ï
Poker Desktop
Other Assets Overview There are two additional areas that require imagery: • Email • Social Media ›› Facebook ›› Twitter ›› Instagram ›› Hootsuite Campaigns
9:41 AM
100%
Email This responsive email will use the 3 x 2, 3 x 2 circular tiles and 3 x 2 CTA tiles for imagery. It does not require additional creative.
9:41 AM
100%
3 X 2 BANNER
600 x 400
3 X 2 BANNER
600 x 400
Social Media Desktop FACEBOOK Facebook images scale for mobile and desktop: • FB Profile Picture • FB Cover Image • FB Post Image • FB Timeline Image
Facebook Profile Picture 250 x 250 IMAGE
The PlayNow logo must be included.
FACEBOOK PROFILE PICTURE
FACEBOOK COVER IMAGE
851 x 315
250 x 250
FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: FB-profile-picture-250x250.jpg
Facebook Cover Image 851 x 315 IMAGE
This image has recently changed. It is now a straight image. Use entire image as focal point. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: SS-fb-cover-851x315.jpg
ï
Social Media Desktop FACEBOOK FACEBOOK POST IMAGE
Facebook Post Image
1200 x 630
1200 x 630 IMAGE
This is the main image that BCLC posts to the feed. In the FB feed this image shows up at a width of 470px. Text must be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: CAMARO-fb-post-image-1200x630.jpg
Facebook Timeline Image 1200 x 1200 IMAGE
This is a secondary image in the feed. Max width in the FB feed before selection is 470px. The diamond pattern is often used but not required.PlayNow logo must be present.
FACEBOOK TIMELINE IMAGE
1200 x 1200
TEXT
Limited to 20% of the post. 5 squares in the grid (see template). FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: CAMARO-fb-timeline-image1200x1200.jpg
ï
Social Media Desktop TWITTER Twitter images scale for mobile and desktop: • Twitter Profile Image • Twitter Cover Image • Twitter Tweet Image
Twitter Profile Image 400 x 400 IMAGE
TWITTER COVER IMAGE
1500 x 500
This image displays at a min width of 200px. PlayNow logo must be included. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: CAMARO-tw-profile-400x400.jpg
Twitter Cover Image 1500 x 500 IMAGE
This image is the main banner behind the profile picture. Minimum width is 320px. Text must be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: CAMARO-tw-cover-1500x500.jpg
TWITTER PROFILE IMAGE
400 x 400
ï
Social Media Desktop TWITTER
Twitter Tweet Image 440 x 220 IMAGE
This image displays at a minimum width of 320px. The PlayNow logo must be included. Text must be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. TWITTER TWEET IMAGE
filename: CAMARO-tw-tweet-1500x1500.jpg
440 x 220
ï
Social Media Mobile INSTAGRAM
9:41 AM
100%
Instagram has two images available to create: • Instagram Profile Picture • Instagram Image
INSTAGRAM PROFILE PICTURE
640 x 640
Instagram Profile Picture 640 x 640 IMAGE
This image displays at a minimum width of 77px. The PlayNow logo must be included. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: LOGO-ig-profile-640x640.jpg
Instagram Image 1080 x 1080 IMAGE
This image displays at a minimum width of 320px. Text must be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: WINNER-ig-image-1080x1080.jpg
INSTAGRAM IMAGE
1080 x 1080
Social Media Mobile HOOTSUITE CAMPAIGNS
9:41 AM
100%
Hootsuite campaigns has three images available: • HS Campaigns Mobile Image • HS Campaigns Desktop Image • HS Campaigns Background
Hootsuite Campaigns Mobile Image 480 x 300 IMAGE
This image displays at a minimum width of 320px. TEXT
Text on image must be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: POOLS-hsc-mobile-480x300.jpg
HOOTSUITE CAMPAIGNS MOBILE IMAGE
480 X 300
Social Media Desktop HOOTSUITE CAMPAIGNS
Hootsuite Campaigns Desktop Image 970 x 500 IMAGE
This image displays at a minimum width of 481px. TEXT
Text must be legible. FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: POOLS-hsc-desktop-970 x 500.jpg
Hootsuite Campaigns Background Image
HOOTSUITE CAMPAIGNS DESKTOP IMAGE
970 X 500
2560 x 1440 IMAGE
This image displays at a max width of 2560px. TEXT
No text to be inputted FILE
The file is to be saved at the smallest size possible with a max file size of 100Kb. filename: POOLS-hsc-background-2560x1440.jpg
HOOTESUITE CAMPAIGNS BACKGROUND IMAGE
2560 x 1440