JoyReels - Enjoy Short Dramas

Colors

• #000000Overlay Dark · bottom gradient overlay
• #ffffffWhite · title text · action icon fills · button text
• #e5a13cCoin Gold · reward coin icon fill

Type

• headerSF Pro Text · 22px · regular · #ffffff
• titleSF Pro Text · 24px · semibold · #ffffff
• bodySF Pro Text · 18px · regular · #cccccc
• labelSF Pro Text · 16px · semibold · #ffffff

Elements

• Back Button · button

  Top left corner, aligned with episode title. · White chevron icon.

• Episode Indicator · label

  Top header area next to back button. · White text reading EP.1/EP.60.

• Reward Badge · badge

  Top right area below status bar. · Circular translucent badge with gold coin illustration.

• Like Button · button

  Right side vertical action bar, middle height. · White star icon with view count below.

• List Button · button

  Right side vertical action bar, below like button. · White layers icon with label.

• Share Button · button

  Right side vertical action bar, below list button. · White arrow icon with label.

• Video Info Block · container

  Bottom left area above branding footer. · Title and truncated description text with dark gradient scrim.

• Footer Brand · image

  Fixed at bottom center. · JoyReels logo and text watermark.

Layout

Full-screen video player interface with overlaid playback controls, vertical engagement buttons on the right, and title details at the bottom.

Notes

Immersive vertical video viewing mode.