Vigloo - Premier Short Dramas

Colors

• #000000Pitch Black · App background
• #1F2124Card Skeleton Fill · Placeholder shimmer card backgrounds
• #1A1A1AInput Surface Dark · Search input field background
• #5A5B60Search Text Muted · Search placeholder typography
• #DDA735Vibrant Gold · VIP Crown icon accent
• #E3E5E8Notification Dialog Surface · iOS system modal alert surface
• #BDC0C4Notification Button Surface · Modal button pill fill
• #000000Dialog Title Text · System alert header text
• #2C2D30Dialog Body Text · System alert message body
• #38D7E3Badge Cyan · Bottom navigation rewards promo badge background

Type

• System Alert TitleSF Pro Text · 38px · 600 · #000000
• System Alert BodySF Pro Text · 32px · 400 · #2C2D30
• System Button LabelSF Pro Text · 36px · 500 · #000000
• Category Nav TabsSF Pro Display · 34px · 600 · #8E8E93
• Search Field PlaceholderSF Pro Text · 32px · 400 · #5A5B60
• Tab Bar LabelSF Pro Text · 22px · 500 · #8E8E93

Elements

• iOS Notification Permission Alert · modal

  Centered overlay over dimmed backdrop; approximately 920px width by 560px height. · Translucent blurred frosted light gray card with rounded corners, containing text and two side-by-side pill buttons.

• Search Field · input

  Top bar span, left of VIP button, 140px below status bar; height ~88px. · Dark charcoal rounded rectangle with leading magnifying glass icon.

• Tab Navigation Header · navigation

  Horizontal row below search bar with 'Hot', 'New', 'Picks', etc. · White text and bottom underline indicator on active tab, dimmed gray for inactive tabs.

• Bottom Navigation Bar · navigation_bar

  Fixed to bottom of screen; 5 icons: Home, Explore, My List, Rewards, My Page. · Dark background with hairline border; active Home icon highlighted in white.

• Rewards Badge Bubble · badge

  Positioned over the Rewards tab icon; pill shape with downward pointer tail. · Cyan blue fill with bold dark text '1000+'.

Layout

Top status bar and search area, followed by horizontal category navigation, vertical grid of loading placeholders, overlaid by a modal system prompt, anchored by a bottom tab bar.

Notes

Screen shows initial loading skeleton state partially obscured by the OS notification dialog.