GoodShort - Short Dramas Hub

Colors

• #000000Background Black · screen background
• #FFFFFFPrimary Text White · video titles · category text
• #FF3B30Tag Red · Hot badge fill
• #34C759Tag Green · New badge fill
• #FF9500Tag Orange · Exclusive badge fill

Type

• Tab HeaderSF Pro · 16px · semibold · #FFFFFF
• Video TitleSF Pro · 14px · medium · #FFFFFF
• Video SubtitleSF Pro · 12px · regular · #AAAAAA

Elements

• Category Filter Bar · horizontal scrollable list

  Below search bar, featuring items like Hot, New, Romance, Categories. · Horizontal text list with active indicator underline on 'Hot'.

• Featured Carousel · carousel banner

  Upper middle area, displaying featured placeholder poster with dots below. · Dark rectangular placeholder card with pagination dots.

• Video Grid Card · card

  Grid layout in lower section showing vertical video posters with titles, views count, and badges. · Dark gray placeholder poster with rounded corners and tag pill.

• Halloween Discount Badge · floating graphic

  Bottom-right floating above video list. · Purple and orange festive icon with pumpkin and ghost motifs.

Layout

Vertical scrolling feed with top navigation, horizontal category filters, a featured carousel banner, and a 2-column video grid.

Notes

Posters are placeholders displaying 'GoodShort' branding.