MoboReels: Short Drama Series

Colors

• #FFFFFFwhite · primary text · icons · timeline fill
• #E5A842gold · VIP accent · reward badge border · download text
• #202022dark-surface · pill backgrounds · genre tag fill

Type

• header-titleSF Pro Text · 21px · 600 · #FFFFFF
• series-titleSF Pro Text · 22px · 700 · #FFFFFF
• action-metricSF Pro Text · 14px · 500 · #FFFFFF

Elements

• header_bar · app_bar

  Top edge; back arrow with 'Episode 3' text and menu dots. · White vector icons and text overlaid on video frame.

• reward_badge · badge

  Top-right edge below menu button; '+15' coin chip. · Gold-bordered circular/pill badge with dark fill.

• pause_indicator · indicator

  Centered on video frame; dual vertical rounded capsules. · Translucent white bars.

• vertical_engagement_rail · toolbar

  Right margin vertical rail with VIP, like (60.6k), comments (16), episodes, and share. · White icons with subtle drop shadows.

• bottom_dock · toolbar

  Bottom edge containing scrubber line and control pills ('Download', '1080P', '1.0X'). · Rounded pill containers with dark background.

Layout

Full-screen vertical drama interface over character reaction frame. Symmetrical distribution with top navigation, right action rail, and bottom playback bar.

Notes

Video shows paused state in Episode 3.