MoboReels: Short Drama Series

Colors

• #FFFFFFwhite · primary text · icons · timeline slider
• #E5A842accent-gold · VIP diamond highlight · download CTA label
• #202022surface-dark · pill button backgrounds
• #000000scrim · bottom control bar background

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

  Spans top width; back navigation with 'Episode 2' on the left, three-dot icon on the right. · Transparent background with white glyphs.

• side_actions · toolbar

  Vertical column pinned to right edge with ~32px vertical item spacing. · Compound icons with textual count annotations directly below.

• video_metadata · container

  Positioned at bottom-left corner above bottom controls. · Transparent layout enclosing title and genre pill.

• bottom_pills_bar · toolbar

  Horizontally centered in bottom dock area; contains 'Download', '1080P', and '1.0X' pills. · Dark rounded capsules with ~18px corner radius.

Layout

Full-screen vertical viewport with layered UI controls; consistent HUD arrangement matching Screen 0 frame.

Notes

Video content shows close-up framing; UI positioning and metrics remain identical to Screen 0.