My Drama - Stream Short Dramas

Colors

• #0b0c24Modal Background · modal
• #002fffPrimary Blue Button · button
• #ffffffWhite Text · title · body

Type

• Modal TitleSF Pro Display · 42px · bold · #ffffff
• Modal BodySF Pro Text · 24px · regular · #ffffff
• Button TextSF Pro Text · 30px · semibold · #ffffff

Elements

• Background Grid · image

  Fills entire background with a grid of show posters, heavily blurred. · Low opacity poster grid with dark overlay.

• Sign In Modal · card

  Centered overlay popup with rounded top and bottom corners, floating above background content. · Dark navy container with glowing top illustration of phone and floating icons, close X button at top right.

• Sign In Button · button

  Positioned near the bottom of the screen, full width with margins. · Solid blue pill-shaped button with subtle top border highlight.

Layout

Modal overlay displayed over a background catalog grid, featuring a prominent bottom action button.

Notes

Modal contains decorative floating vector icons above the title.