My Drama - Stream Short Dramas

Colors

• #0a0a1aDark Overlay · background overlay · modal shadow
• #e4e5eeDialog Fill · system dialog background
• #341cf6Primary Button Blue · button fill · accent
• #000000Text Dark · dialog title · primary text
• #ffffffText Light · main body title · button text

Type

• Dialog TitleSF Pro Text · 38px · bold · #000000
• Dialog BodySF Pro Text · 32px · regular · #000000
• Main TitleSF Pro Display · 54px · bold · #ffffff
• Main BodySF Pro Text · 30px · regular · #cccccc
• ButtonSF Pro Text · 38px · semibold · #ffffff

Elements

• Notification Dialog · modal

  Centered overlay taking up the middle third of the screen. · Translucent rounded rectangle with blur effect, dark text, and two action buttons side by side at the bottom.

• Continue Button · button

  Full width horizontal button near the bottom of the screen with horizontal padding. · Solid blue rounded rectangle with white bold text.

• Skip Personalization · link

  Centered below the continue button at the very bottom. · Plain white text link.

Layout

Background grid of movie posters covered by a dark gradient overlay, with a native-style system notification permission alert popup in the center and app onboarding controls at the bottom.

Notes

iOS system notification permission alert is overlaid on top of the app onboarding screen.