PLAYNOW-TemplateGuide

Page 1

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

Email

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


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.