What to Watch

Overview

Purpose

The What-to-watch section is used to showcase current shows available on various channels.

Anatomy

The What-to-watch section can be broken down into the following elements -

  1. Section Headline (component)
    The Section Headline component provides additional information about the Rail items below.

  2. Rail (What-to-watch) component
    Customised Rail component, providing predefined Rail Items (see breakdown below).

  3. Navigation buttons
    As part of the Rail (What-to-watch) component on Desktop.

Rail Item (What-to-watch) Anatomy

The RTB can be broken down into the following elements -

  1. Image
    Image placeholder at a 16:9 aspect ratio.

  2. Channel information (optional)
    An overlay of channel logo and scrim.

  3. Copy
    The copy for Rail items with a headline and time information.

Variants & States

  • Appearance: Default, Light
  • Breakpoint: Mobile, Desktop
  • Clickable items: on/off
  • Channel logos: on/off

Default, Clickable items ON, Channel logos ON

Light, Clickable items ON, Channel logos ON

Default, Clickable items ON, Channel logos OFF

Light, Clickable items ON, Channel logos OFF