Vigloo - Premier Short Dramas

Colors

• #141517Sheet Container Dark · Bottom sheet card background
• #FFFFFFHeadline White · Heading text · Button fill
• #000000Action Text Black · Start watching label text
• #76777BDimmed Link Gray · 'Maybe next time' skip link

Type

• Bottom Sheet HeaderSF Pro Display · 44px · 700 · #FFFFFF
• Primary Button LabelSF Pro Display · 34px · 700 · #000000
• Secondary LinkSF Pro Text · 30px · 400 · #76777B

Elements

• Featured Content Poster · image

  Centered within sheet top section; approximately 300px width by 420px height. · Portrait aspect drama poster 'Reborn As A Genius Baby' with rounded corners and subtle border.

• Start Watching CTA Button · button

  Spanning width of modal with 54px side padding; height ~120px. · Solid rounded white button with black text showing decremented countdown '(3)'.

• Half Sheet Modal · sheet

  Occupies bottom ~60% of viewport, slides over dimmed home content. · Dark charcoal container with rounded top corners.

Layout

Bottom modal sheet fully revealed after dismissal of notification permission dialog.

Notes

Countdown timer in CTA has advanced from (5) to (3).