ToonShort -Popular Dramas & TV

Colors

• #0D0C10screen_bg · main screen background
• #1C171Ccard_selected_bg · selected plan card interior
• #131217card_unselected_bg · unselected plan card interior
• #F7CCA2card_selected_border · selected subscription outline
• #F4CCA0card_selected_accent · selected radio highlight background
• #F6CCA2cta_gold · 'Join Now' button fill
• #F6CCA2text_gold · plan price text · feature icons

Type

• vip_titleSF Pro Display · 48px · 800 · #FFFFFF
• plan_nameSF Pro Text · 32px · 700 · #FFFFFF
• plan_priceSF Pro Text · 34px · 700 · #F6CCA2
• section_headingSF Pro Text · 36px · 700 · #FFFFFF
• feature_item_textSF Pro Text · 28px · 500 · #FFFFFF

Elements

• subscription_card_selected · selectable_card

  Full horizontal width minus 44px margins (~936px width, ~190px height). · Golden border stroke (~2px), dark background, gold-filled left radio section with checkmark.

• subscription_card_unselected · selectable_card

  Stacked below selected plan with 24px vertical margin. · Subtle border, muted radio circle, dark interior fill.

• join_now_floating_cta · button

  Horizontally centered near bottom, width ~450px, height ~100px. · Warm gold gradient pill shape (#F6CCA2) with dark bold text.

Layout

Paywall screen with darkened video thumbnail collage header, subscription pricing options, 'Why Join?' perk list with gold linear icons, 'Members-only dramas' teaser carousel, and floating pill CTA.

Notes

Standard short drama in-app purchase paywall view.