---
title: "UI Examples"
slug: "ui-examples"
updated: 2026-10-13T21:21:41Z
published: 2026-10-13T21:21:41Z
canonical: "docs.developer.comcast.com/ui-examples"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.developer.comcast.com/llms.txt
> Use this file to discover all available pages before exploring further.

# UI Examples

On this page are example states your app and/or content may take on EntertainmentOS systems. This page is designed to be used in conjunction with our [App Requirements](/v2-0/docs/app-requirements) to illustrate correct behavior.

---

## Playback

### Watch CTA

**Using:** [entityIntent](/v2-0/docs/170-discovery-intents-schemas#entityintent)

Clicking "Watch" opens the app to the show page. ![watch-entity.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/watch-entity.png)

### Continue CTA

**Using:** [playbackIntent](/v2-0/docs/170-discovery-intents-schemas#playbackintent)

Clicking "Continue" opens the app and begins content playback. ![continueplayback.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/continueplayback.png)

---

## Available Now

### Specific asset selection

**Using:** [playbackIntent](/v2-0/docs/170-discovery-intents-schemas#playbackintent)

The Available Now tab is highlighted. ![availablenow1.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/availablenow1.png) Selecting an episode from the list begins content playback. ![availablenow2.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/availablenow2.png)

---

## Continue Watching

### Continue rail

**Using:** [playbackIntent](/v2-0/docs/170-discovery-intents-schemas#playbackintent)

When a show from the Continue Watching rail is selected, content playback begins. ![availablenow3.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/availablenow3.png)

### Merchandised title

**Using:** [playbackIntent](/docs/docs/latest/discovery-intents-schemas#playbackintent)

The consumer finds a merchandised show on their rail and selects it. ![cont-watching-1.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/cont-watching-1.png)

The show page is loaded, and the consumer has previous watch history. ![cont-watching-2.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/cont-watching-2.png)

Once "Continue" is selected, the show begins content playback. ![cont-watching-3.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/cont-watching-3.png)

---

## Partner Page

### Featured rail

![Image](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/partner-page-example.png)

---

## Promotions

### Promo rail

![Image](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/promo-rail-and-title.jpg)

## Synopses

### App synopsis

![appsynopsis.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/appsynopsis.png)

### Content synopsis

![content-synopsis.png](https://cdn.document360.io/2ef9e4de-7533-4223-bb1e-95306a730c06/Images/Documentation/content-synopsis.png)