Skip to end of metadata
Go to start of metadata


Looking for video specs? Click here for video specs


Key

iOS = Apple products

OTT = Over the Top devices (Roku, Apple TV, Xbox).


Overview

The following is a guide on all images used in Media Manager. Please follow the guidelines to ensure that your images display correctly.

ImageDetailsExample
Show logo white, current implementation
  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned
Show logo black, current implementation
  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #000000
  • Alignment: Bottom aligned
Show poster, current implementation
  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3
Mezzanine 16x9, current implementation
  • Dimensions: 1920 x 1080
  • File type: JPG
  • Aspect ratio: 16:9

Banner, current implementation
  • Dimensions: 1920x486
  • File type: JPG

 

Showcase, current implementation
  • Dimensions: 2000x732
  • File type: JPG

 

Show logo white

Where it appears

Details

Example (click image to enlarge)

PBS.org Homepage Carousel

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

PBS.org Show Page Carousel

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

iOS App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

iOS App Tablet - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

Android App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #ffffff
  • Alignment: Bottom aligned

Android App Tablet - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)
  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

OTT Roku - Show Detail Page, Current Implementation

  • White text for show name

OTT Roku - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

Apple TV 2.0/Universal OTT Dark Theme - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)
  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Color: #ffffff
  • Alignment: Left-aligned horizontally, center-aligned vertically

Show logo black

Where it appears

Details

Example

Station Video Portal Show Page

  • Dimensions: 1000x500
  • File type: PNG
  • Aspect ratio: 2:1
  • Color: #000000
  • Alignment: Bottom aligned

iOS App Handset - Show Detail Page, Current Implementation

  • Black Text for Show Name

iOS App Handset - Show Detail Page, Future Implementation

N/AWe will no longer be actively using black logos for the iOS App on Handset and instead moving to using color logos. If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). See "Show logo color" section below.

Android App Handset - Show Detail Page, Current Implementation

  • Black Text for Show Name

Android App Handset - Show Detail Page, Future Implementation

N/AWe will no longer be actively using black logos for the Android App on Handset and instead moving to using color logos. If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). See "Show logo color" section below.

Show logo color

Where it appearsDetailsExample

iOS App - Show Detail Page Handset, Current Implementation

  • Black Text for Show Name

iOS App Handset - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Full color logo
  • Alignment: Left-aligned horizontally, center-aligned vertically

The design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos. An example of this is shown above with Downton Abbey.

Android App Handset - Show Detail Page, Current Implementation

  • Black Text for Show Name

Android App Handset - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Full color logo
  • Alignment: Left-aligned horizontally, center-aligned vertically

If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). An example of this is shown above with Downton Abbey.

Apple TV 2.0/Universal OTT Light Theme - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)
  • Dimensions: 680x170
  • File type: PNG
  • Aspect ratio: 4:1
  • Full color logo
  • Alignment: Left-aligned horizontally, center-aligned vertically

If no color logo is available, the black logo is used as a backfill (the design team is currently undergoing a process to upload all shows with missing color logos with the black versions of their logos). An example of this is shown above with Downton Abbey.


Show poster

Where it appears

Details

Example

PBS.org Homepage - Watch Shows

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org Shows Landing Page

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org Shows Dropdown - Featured Show

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org Search Results

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

PBS.org You May Also Like (on Single Episode Pages)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - User Favorite Shows on Home Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - User Favorite Shows on Home Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - User Favorite Shows Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - Shows By Genre Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App Tablet - All Shows, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App Tablet - Show Detail Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

iOS App - Search Results, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Android App - User Favorite Shows Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Android App Tablet - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Android App Tablet - Show Detail Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Home, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Shows, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Roku - Show Detail Page, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - Home, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - More Shows, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - Show Detail Page, Current Implementation

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

OTT Android TV - Show Detail Page, Future Implementation (Post Core-Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Home, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - User Favorite Shows, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Shows, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Show Detail & Franchise Pages, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Apple TV 2.0/Universal OTT - Search, Future Implementation (Post-Core Data Model)

  • Dimensions: 2000x3000
  • File type: JPG
  • Aspect ratio: 2:3

Mezzanine 16x9

Where it appears

Details

Example

OTT Apple TV - Show Detail Page (Older software)

  • Dimensions: 1920 x 1080
  • File type: JPG

Station Video Portal Homepage - Featured Shows

  • Dimensions: 1920 x 1080
  • File type: JPG

Station Video Portal Homepage - Show Page

  • Dimensions: 1920 x 1080
  • File type: JPG

Station Video Portal Homepage - More Shows

  • Dimensions: 1920 x 1080
  • File type: JPG

Apple Universal Search Image

Where it appearsDetailsExample
Apple TV 2.0 universal search results

Deliverables from producers:

  • Required:

    • White, black or color show logo

      • Vector format preferred (.EPS or .AI)

      • PNG acceptable - min size 1000x500px

      • No JPEGs or backgrounds included

  • Optional:

    • 3000x3000 preferred background image (JPG or PNG)

    • Please note that if a preferred background image is not provided, the PBS GA design team will create a background image based on the following:

      • Existing show poster art;

      • Existing show assets or thumbnails; or

      • A color background based on existing show branding


The PBS GA design team will assist in producing the final asset delivered to Apple:

  • Dimensions: 3000x3000

  • File type: Layered PSD → LSR

  • Aspect ratio: 1:1


In context (please see corresponding numbers above each image on the right):

1. Users can voice-search a term (ex. “Victoria”) on any screen in their Apple TV. Universal search results, across all apps, appear at the bottom of the screen.

2. Users are taken to the tvOS show page. The “Open In” button displays all apps that the user can watch that show’s content in.

3. If the show is available in the PBS Video App, that will usually appear as the first result in the “Open In” options list. Users will be deeplinked to that show’s detail page directly in the PBS Video app.

1.

2.

3.

iTunes search resultsUsers can search a term (ex. “Victoria”) on iTunes and the art will appear in the search results.


Banner

Where it appears

Details

Example

OTT Apple TV - Show Detail Page (Older software)

AppleTV automatically applies a dark gradient at the bottom of the image.

  • Dimensions: 1920x486
  • File type: JPG
  • No show logo baked in

Showcase

Where it appears

Details

Example

OTT - Apple TV (Older software)

  • Dimensions: 2000x732
  • File type: JPG

Stack Image

Please submit a support ticket to have your stack images added to your station video portal. Include the show name and 380x212 stack image file. Do not enter stack images in the Media Manager console.


Where it appears

Details

Example

  • All show-related carousels

  • All Shows page (i.e. Featured Shows on VP homepage)

  • Dimensions: 380x212px
  • File type: JPG