BlinkDrama - Short Dramas

Colors

• #080808playback-black · full screen video playback canvas
• #252528overlay-control-bg · top action button circles · drawer pill background
• #FFFFFFtext-primary · video title · bookmark counter · episode pill text
• #A0A0A5text-secondary · synopsis body text · app watermark logo
• #222225tag-background · genre badge background

Type

• player-titleSF Pro Display · 52px · 700 · #FFFFFF
• synopsis-textSF Pro Text · 34px · 400 · #A0A0A5
• metadata-pill-textSF Pro Text · 36px · 600 · #FFFFFF
• counter-labelSF Pro Text · 32px · 500 · #FFFFFF

Elements

• top_navigation_bar · header

  Two round icon buttons (back on left, overflow '...' on right) flanking the subtle BlinkDrama watermark brand mark. · Dark translucent circular buttons with white vector icons.

• action_rail_bookmark · vertical_action_item

  Right-aligned overlay roughly 60% down viewport; icon stacked on top of numerical label. · Linear bookmark outline icon with white '13.0K' text directly beneath.

• metadata_overlay · content_group

  Bottom-left overlay above episode bar; contains title, genre pill, and multi-line synopsis with 'More' button. · Text with gentle drop shadow over the player canvas.

• episode_selector_pill · button

  Full width rounded pill docked at bottom of player view above home indicator. · Dark charcoal solid pill background with white text 'EP.1 / EP.36' and an upward chevron icon on the right.

Layout

Immersive short-drama player screen with edge-to-edge vertical video format; overlaid UI elements consist of top navigation controls, right-side social/bookmark action column, bottom-left video metadata block, and bottom episode drawer trigger.

Notes

Video frame is currently blank/black, indicating initial loading state or playback beginning.