Premium subscriptions on The Roku Channel

Assets & branding overview

This page provides an overview of how your brand with appear within The Roku Channel and on the Roku Platform, assets needed for content merchandising and best practices to promote your content experience.

Partner assets/deliverables

There are a total of 15 assets we will need from you:

Asset details

Below is a list of details, best practices, and dimensions sizes for each partner asset/deliverable that are required for content distribution.

Partner tile (4:3)

Details Examples
Subscription Initiation

The partner tile is utilized in multiple locations within the app.

In this example, your brand will appear on a subscription/trial initiation and confirmation page.

This page provides subscription details and initiates the service.
roku400px - premium-asset-13

roku400px - premium-asset-14
Grid

The partner tile also appears within a grid.

It represents your brand within a row and is also a gateway to access more content from your service.
roku400px - premium-asset-15

roku400px - premium-asset-16
Dimensions and Best Practices

Deliverable size:
  • 540 x 405px
  • Jpg


Logo should be centered within the guidelines - padding is 87px on all sides.

*Refer to Photoshop PSD file for more details
roku400px - premium-asset-17
roku400px - premium-asset-18
Examples of potential treatments: roku400px - premium-asset-19

roku400px - premium-asset-20

roku400px - premium-asset-21
Details Examples
Subscription Confirmation

Your brand’s logo is displayed when the user is engaging with your service and/or content from your library.

This screen is displayed after the user has successfully subscribed or started a free trial.
roku400px - premium-asset-22

roku400px - premium-asset-23
Content details screen

Your logo is displayed on content detail screens and is scaled down to fit within the focus button.
roku400px - premium-asset-24

roku400px - premium-asset-25
Grid BoB (Back of Box)

Your logo is also visible within the Grid BoB (Back of Box) and used to identify content from your library.
roku26 - premium-asset-26

roku400px - premium-asset-27
Website (Billboard)

Your logo is also displayed on The Roku Channel website on all content details pages.
roku400px - premium-asset-28

roku400 - premium-asset-29
Excess Space

After re-sizing your logo, please crop the logo so there is no margin between your logo and the edge of canvas.

This means for horizontal logos, removing excess height. Vertical logos will remove excess width.

Logos that are wider than they are tall (1:1 or wider) are preferred for legibility here.

PSD Files: White Logo | Black Logo
In this example, the delivered logo files would be 195 x 55 px
roku400px - premium-asset-32

In this example, the delivered logo files would be 85 x 111 px
roku400 - premium-asset-33
Dimensions

We require your logo to be delivered to us in two variants: a black transparent PNG and a light(#EFEFEF) transparent PNG, sized no taller or wider than 195 x 111 px.
roku400px - premium-asset-3roku400px - premium-asset-2roku400px - premium-asset-30
roku400px - premium-asset-31

CTA (call to action) banner

Details Examples
Publisher home (Grid)

The CTA banner is a large tile/banner located within publisher's collection home. The banner contains enticing imagery of content available through the publisher, and the publisher's brand/logo along with subscription/trial start details. The background can be recolored to match the publisher’s brand.
roku400px - premium-asset-34

400px - premium-asset-35
Dimensions

Link to system font
Link to PSD source file
roku400px - premium-asset-36

roku400px - premium-asset-37
roku400px - premium-asset-38
Best Practices Asset Elements 1

Your delivered asset should only include:
  • Logo (required)
  • Description (required)
  • Background imagery (required)
  • Content Title (optional)
Your delivered asset
roku400px - premium-asset-39
Best Practices Asset Elements 2

Any additional text and CTA will be overlaid programmatically onto the tile image.

Don’t include this text as part of your banner image.
Banner shown on device (no offer)
roku400px - premium-asset-43
Banner shown on device (with offer)
roku400px - premium-asset-44
Best Practices Logo

Your logo should be bottom left aligned with a max height of 80px.

We recommend using a white, horizontal logo to improve legibility.
roku400px - premium-asset-40
Best Practices Content Image

Use a solid color or subtle background pattern behind the left half of the banner to ensure the logo, description, programmatic text and CTA are legible. Where transitioning from the offer area to the content imagery area, our preference is to utilize the included curved shape mask instead of using gradients or fades, to keep artwork looking crisp. Refrain from showcasing cast or characters in this area of your imagery.

We recommend limiting the number of subjects or faces shown in a single image. The fewer objects, the more focus that can be given.

Make sure PSD layer “BOTTOM OVERLAY” is left on when exporting. This ensures programmatic text and CTA will be legible.
Refrain from using content imagery that includes title artwork, so that it does not compete with the logo, description, programmatic text, and CTA on the left.

DO use imagery without title artwork
roku400px - premium-asset-41

DON’T use imagery with title artwork included
roku400px - premium-asset-42
Best Practices Content Title

If your imagery features 1 or 2 pieces of content, include the Content Titles in the bottom right.

If your imagery features 3 or more pieces of content, do not include the Content Titles.
Up to 2 titles
roku400px - premium-asset-45

3+ titles
roku400px - premium-asset-46
Best Practices Creative Examples

Here are a few examples to demonstrate some creative ways to display content imagery paired with legible backgrounds.
roku400px - premium-asset-47

roku400px - premium-asset-48

Side card

Details Examples
Roku Pay Screen

The side card is located on the Roku Pay screen when a user starts a free trial or subscription.

Side card images should match the corresponding banner call to action to ensure there is continuity between the marketing and purchase flow.
roku400px - premium-asset-53

roku400px - premium-asset-54
Dimensions

Both sizes required.
Link to PSD Source File: download here
roku400px - premium-asset-55

roku400px - premium-asset-56
roku400px - premium-asset-57
Best practices Overlay Area

Use a solid color or subtle background pattern behind the bottom half of the banner to ensure the programmatic text is legible. When transitioning from the offer area to the content imagery area, our preference is to utilize the included curved shape mask instead of using gradients or fades, to keep artwork looking crisp.

Do not alter position.

Ensure that the Top and Bottom Left corners ONLY are rounded and transparent. Template includes masking.

Best practices File format

Export as transparent PNG.
roku400px - premium-asset-60
Best Practices Template Usage

Offer language is added to this asset programmatically. Do not include any copy in the overlay area – it must remain blank.

Best practices Logo

We recommend using a white, horizontal logo to improve legibility.

Best practices Content image

Select show or character artwork that does not include title treatment. Use clean, engaging imagery that showcases your brand logo well. Do not include any marketing copy.

Do not alter position or size of content image area.
roku400px - premium-asset-58
Best practices Proper Usage Example

Character-focused, clean, and clear branding.
Dark/Bold colors allow for maximum legibility
Limit characters
roku400px - premium-asset-61
Best practices Improper Usage Example

Omit title treatments
Keep logo within guides
Do not include any copy
Do not place artwork out of bounds
Do not reposition logo
roku400px - premium-asset-62

Channel tile

Details Examples
Co-Branded Channel Tile

When a user starts a free trial or subscription, a dedicated channel tile will appear on the Roku home screen. The channel tile features your logo and “on The Roku Channel” branding.

The shortcut tile is a gateway to access a dedicated content experience from your brand.
roku400px - premium-asset-49
Dimensions

Depending on the design of your brand’s logo, scale it to fit the the canvas provided.

After re-sizing your logo, please crop the logo so there is no margin between your logo and the edge of canvas.

Link to PSD source files:
Large | Small
roku400px - premium-asset-50

roku400px - premium-asset-51
roku400px - premium-asset-52
Both sizes required.

On-device banner + screensaver

Details Examples
Roku Home Screen

The screensaver ad appears when a user’s UI is in screensaver mode.
The native banner ad appears on the Roku home screen.
When a user clicks on the banner or screensaver, they will be taken to the movie or series details page.

On-device banner and screensaver creative should match the banner call to action and side card mentioned in the previous slide.
roku400px - premium-asset-63

roku400px - premium-asset-64

roku400px - premium-asset-65
Best Practices Single Title On Device Ads

Content image:
Use show or character artwork that is clean and engaging. No more than 20% text on image. All ads must align to Roku’s advertising guidelines. See full policy here.
Deliverables:
  • File Format: JPG
  • File Size: >150kb


Do not alter curve position, pattern, colors, or fonts.

PSD Source Files:
Banner
Portrait Screensaver
Landscape Screensaver
Native Display Banner Ad

roku400px - premium-asset-66

Screensaver ads
(portrait and landscape)

roku400px - premium-asset-67

roku400px - premium-asset-68
Best Practices Multi-Title On Device Ads

Select show or character artwork that does not include title treatment.
Content title is written out in top right corner.
We do not recommend including title in screensaver ads, due to legibility concerns at size.

Use clean, engaging imagery that showcases your brand logo well.

PSD Source Files:
Banner
Portrait Screensaver
Landscape Screensaver
Native Display Banner Ad
roku400px - premium-asset-69

Screensaver ads
(portrait and landscape)
roku400px - premium-asset-70

roku400px - premium-asset-71

:30 promotional video

Details Example
Pre-roll + AVOD Mid-roll

The :30 promotional video will be served as a pre-roll ad prior to unlocked content playback and can also be used in mid-roll ads that appear on The Roku Channel.

All :30 promotional videos will include {Partner logo} on The Roku Channel end card.
roku400px - premium-asset-10

Subscriptions details copy

Details Example
Subscriptions Details Copy

The subscriptions details copy provides an overview of your subscription service.

It can be accessed by clicking * on the Roku remote when a user is on the banner call to action.

215-characters (including spaces)
roku400px - premium-asset-11

Back-of-box copy

Details Example
Back-of-Box (BoB) Copy: 30 characters (including spaces) roku400px - premium-asset-72

Delivery of assets & copy

Send assets and copies to svod-editorial@roku.com or use the Box folder provided by Roku.

If you would like to change any asset, we require at least 72 hours notice to push a change through.

Editorial mapping

Email svod-editorial@roku.com with your editorial mapping for your page on Roku.

  • You can update as often as you like.
  • It may take up to 72 hours for the change to happen.

Follow the template – download HERE.

  • 12 titles are optimal for your featured row.
  • 15 rows are optimal for your dynamic rows.

Planners

We will need updates to your title trackers (planners) by the first of the month, for the following month (i.e. Jan 1, we would like to see your February title trackers). On-time updates allow us to incorporate these updates into The Roku Channel, Premium Subscriptions editorial, and marketing plans.

Email svod-editorial@roku.com with a spreadsheet listing all titles and availability windows.

Follow the template – found HERE

Your spreadsheet should highlight any “high value” content.  Originals, featured titles, etc. will be ushered through the process.

This is not the place to communicate takedowns or changed availability dates (MDUs). This is for reference only. Updates to your metadata should go through our Content Operations team.

Background art

Background art for publisher pages - found HERE