FantasyPros - Fantasy Advice

Colors

• #E5E5EApage-bg-light · background
• #270845draft-card-purple · banner-card-bg
• #D7392Bbreaking-banner-red · badge-background
• #E3CDB8alert-action-peach · system-dialog-button-fill
• #8927E2ai-gradient-purple · floating-button-gradient
• #ED5142ai-gradient-orange · floating-button-gradient

Type

• alert-titleSF Pro Text · 30px · 700 · #000000
• alert-bodySF Pro Text · 24px · 400 · #000000
• alert-actionSF Pro Text · 28px · 600 · #000000
• card-headlineSF Pro Display · 38px · 800 · #FFFFFF

Elements

• system_permission_alert · alert_dialog

  Centered overlay dialog · Standard iOS frosted translucent notification permission popup with 'Don't Allow' and 'Allow' buttons

• promo_card · card

  Horizontal banner below top tabs · Dark purple gradient card with grid icon and right chevron

• floating_ai_button · fab

  Floating near bottom-right above tab bar · Circular button with multi-color radial gradient (purple/pink/orange) and white star icon

• bottom_tab_bar · tab_bar

  Pinned to bottom of viewport · Light grey/white translucent bar with 5 tabs (Feed, Drafts, Playbook, Rankings, More)

Layout

Home feed dashboard obscured by an iOS system push notification prompt, revealing upper navigation tabs, feature promo, video thumbnail, breaking news ticker, and bottom tab navigation.

Notes

The notification prompt uses standard iOS system modal presentation.