MoboReels: Short Drama Series

Colors

• #FFFFFFwhite · primary text · icon fill · progress bar
• #E5A842amber-gold · accent icon fill · download button text · VIP badge outline
• #000000scrim-black · bottom control bar background · overlay shading
• #232325dark-surface · tag background · control pill background
• #CCCCCCmuted-white · secondary label text · quality and speed options

Type

• header-titleSF Pro Text · 21px · 600 · #FFFFFF
• series-titleSF Pro Text · 22px · 700 · #FFFFFF
• genre-tagSF Pro Text · 14px · 500 · #FFFFFF
• action-metricSF Pro Text · 14px · 500 · #FFFFFF
• control-buttonSF Pro Text · 14px · 500 · #E5A842

Elements

• top_navigation_bar · app_bar

  Fixed at screen top with horizontal spread; back chevron and episode label left-aligned, three-dots overflow icon right-aligned; inset ~24px horizontally. · Translucent overlay on video canvas; white vector glyphs with subtle shadow.

• engagement_sidebar · toolbar

  Vertically stacked along right viewport edge; ~16px from right margin, centered vertically in lower half; contains VIP, like, comment, episodes, and share controls. · White line/solid glyphs centered above small textual counters and labels; drop shadow for contrast against dynamic video backgrounds.

• pause_indicator · indicator

  Centered directly in screen middle; two vertical rounded bars separated by ~12px gap. · Semi-transparent white/grey fill with diffuse boundary indicating paused video state.

• title_and_metadata_group · container

  Bottom-left placement above progress slider; vertical stack containing title chevron row and category tag pill. · Transparent container; category pill has semi-translucent dark pill background.

• genre_pill · badge

  Left-aligned below series title; padding ~6px 14px. · Dark translucent fill (#232325 with ~70% opacity) with white text.

• scrubber_bar · slider

  Spans full viewport width with ~20px horizontal margins, placed directly below metadata stack. · Thin white progress track (~3px height) against semi-transparent track.

• bottom_playback_controls · toolbar

  Pinned to bottom edge below video progress bar; row of horizontal capsule buttons for download, resolution (1080P), and playback rate (1.0X). · Dark translucent pill containers (#232325); download element features gold download icon and text.

Layout

Full-screen vertical video player layout with layered overlay HUD. Top bar contains navigational back and overflow menu; right margin hosts vertical action stack; lower third displays title, genre metadata, scrubber, and utility pills.

Notes

System typography resembles SF Pro or Roboto; low confidence assigned due to rasterization. Capture watermarks and third-party overlays ignored.