Vigloo - Premier Short Dramas

Colors

• #141517Deep Charcoal Sheet · Bottom action sheet popover background
• #FFFFFFPrimary Action White · Sheet primary CTA button fill · Sheet headline text
• #000000Dark CTA Label · Button text color
• #76777BDismiss Text Muted · 'Maybe next time' tertiary button label

Type

• Sheet HeadlineSF Pro Display · 44px · 700 · #FFFFFF
• CTA Button TextSF Pro Display · 34px · 700 · #000000
• Secondary Link TextSF Pro Text · 30px · 400 · #76777B

Elements

• Upsell Bottom Sheet · sheet

  Anchored to screen bottom, rounded top corners, spanning full width. · Solid dark charcoal container housing title, large white CTA button, and secondary skip option.

• Start Watching CTA Button · button

  Full-width with horizontal margins of ~54px; height ~120px. · Solid bright white fill, centered bold black text with timer count '(5)'.

• Dismiss Link · button

  Centered below primary button; ~60px padding from bottom. · Flat text button without fill or border.

Layout

Double-layered overlay: background screen dimming with a bottom upsell modal sheet, further overlaid by an iOS alert modal.

Notes

The upsell bottom sheet includes a countdown timer '(5)' within the primary button.