GoodShort - Short Dramas Hub

Colors

• #000000Background Overlay · modal backdrop dimming · scrim
• #EAEAEADialog Fill · system alert card background · button surface
• #000000Text Dark · alert title · body text
• #007AFFAction Blue · system alert button text
• #FF3B30Accent Red · link text · tag highlights

Type

• TitleSF Pro · 28px · bold · #FFFFFF
• Alert TitleSF Pro · 20px · semibold · #000000
• BodySF Pro · 15px · regular · #333333
• ButtonSF Pro · 17px · regular · #007AFF

Elements

• System Permission Alert · modal dialog

  Centered horizontally and vertically over the dimmed background, occupying the middle third of the screen. · Rounded rectangle with light translucent white/gray fill, thin border, blurred backdrop.

• Don't Allow Button · button

  Bottom-left portion of the permission alert box, spanning half the button row width. · Semi-transparent light gray fill with centered blue text.

• Allow Button · button

  Bottom-right portion of the permission alert box, spanning half the button row width. · Semi-transparent light gray fill with centered blue text in bold.

Layout

A dark background with vertical title text at the top, a system push notification permission prompt overlayed in the center, and genre tags and footer links near the bottom.

Notes

System notification alert is superimposed on top of the app's onboarding screen.