MoboReels: Short Drama Series

Colors

• #0D0D0Dsolid-black · background canvas
• #FFFFFFwhite · primary text · icons · scrubber line
• #E5A842gold · VIP emblem · reward token outline · download button text
• #202022pill-surface · control capsule background · tag background

Type

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

Elements

• pause_icon · indicator

  Dead center of screen; two vertical pill bars ~42px height, ~10px width each. · Muted grey/translucent white rounded rects.

• top_app_bar · app_bar

  Fixed top bar; back chevron, 'Episode 3' text, and right overflow dots. · White foreground elements over black background.

• engagement_rail · toolbar

  Right-aligned vertical stack from mid-screen to lower right. · Compound icons with numeric metrics directly beneath.

• footer_controls · toolbar

  Bottom dock with horizontal row of 'Download', '1080P', and '1.0X' pills. · Subtle grey-black rounded capsules (#202022).

• progress_slider · slider

  Spans bottom area above control pills. · Solid white line indicating video timeline progress.

Layout

Full UI layout rendered against a black video frame / buffer state, exposing contrast and geometry of all overlay elements.

Notes

Video is blacked out or loading; HUD visibility is 100% against dark background.