🟢 Posters

Posters are utilized to display available assets of Showmax catalog.

Use

This component is primarily used in search & browse interfaces. Posters come in variants to serve possible scenarios and demands on displayed information and content.

Use Poster in suitable variant content-wise and just update its content with details you need.

Variants

Variants provide possibility to handle and show different:

  • Content to be displayed — Entertainment and Sports
  • Actions to be triggered — Available via hover state
  • Formats to allow comfortable search & browse experience — 16:9 and 1:1

Examples

Poster for Entertainment

16:9 — Movie/Series

16:9 — Movie/Series

Idle state

16:9 — Movie/Series

16:9 — Movie/Series

Hover state with Trailer

1:1 — Movie/Series

1:1 — Movie/Series

Idle state

1:1 — Movie/Series

1:1 — Movie/Series

Hover state with Trailer

Poster for Sports

Upcoming event with Reminder

Upcoming event with Reminder

Upcoming event with Reminder

Upcoming event with Reminder

Hover state

Format

Posters are defined for dark themed interfaces only.

Entertainment

-> Specs in Figma

Sports

-> Specs in Figma