BlinkDrama - Short Dramas

Colors

• #D6DE28vip-badge-yellow · vip pill text accent · vip icon
• #272718vip-badge-bg · vip promotion pill fill
• #242426ui-overlay-dark · bottom episode drawer background · top circle buttons
• #FFFFFFtext-primary · video title · bookmark counter · episode pill text · more trigger text
• #B5B5BCtext-secondary · synopsis description text

Type

• player-titleSF Pro Display · 52px · 700 · #FFFFFF
• synopsis-textSF Pro Text · 34px · 400 · #B5B5BC
• vip-pill-textSF Pro Text · 30px · 700 · #D6DE28
• drawer-labelSF Pro Text · 36px · 600 · #FFFFFF

Elements

• top_controls · header

  Row at top containing back circle button, BlinkDrama brand text watermark, and 3-dots overflow icon button. · Dark circular translucent buttons over cinematic video frame.

• video_player_content · media_view

  Full-bleed background covering entire screen beneath UI overlays. · High-contrast cinematic vertical fantasy sequence showing floating ruins among stormy clouds.

• vip_deal_pill · badge

  Aligned left directly below the synopsis description and genre tag. · Dark olive-black rounded pill with golden 'V' badge symbol and bright yellow price text '≈ $2.28/Day'.

• bottom_drawer_pill · button

  Docked horizontally across bottom above home indicator bar. · Dark charcoal rounded container displaying 'EP.1 / EP.36' and up chevron toggle.

Layout

Full-screen vertical video feed with active playback; overlays include standard header action buttons, right-hand interaction rail with bookmark, lower-left title/synopsis/VIP CTA cluster, and a bottom episode navigation pill.

Notes

Differs from Screen 3 by rendering active video frames and showing an additional promotional VIP subscription pill below the synopsis.