FantasyPros - Fantasy Advice

Colors

• #F9FAFCBackground Off-White · Screen background fill
• #FFFFFFCard Surface White · Top header background · Button text
• #111111Primary Text · Main title · Navigation title · Nav icons
• #333333Secondary Text · Explanatory body text
• #D02434ESPN Brand Red · Branded display banner card fill
• #005CA9Action Blue · Continue to ESPN button background fill

Type

• Top Navigation TitleSF Pro Display · 34px · 700 · #111111
• Section TitleSF Pro Display · 40px · 800 · #111111
• Body SubtitleSF Pro Text · 28px · 400 · #333333
• Card Text / LogoImpact · 32px · 900 · #FFFFFF
• Button LabelSF Pro Text · 28px · 600 · #FFFFFF

Elements

• Navigation Bar · header

  Full width at top below status bar; back chevron at left, title centered, close 'X' at right. · Clean white background with light rounded corners or pill-like header layout.

• ESPN Brand Card · banner_card

  Centered horizontally; margins ~48px left and right; height ~220px; vertical position y=470px to y=690px. · Solid red rectangular fill with generously rounded corners, containing centered white text 'ESPN'.

• Continue Button · button

  Centered horizontally, aligned with the ESPN card width (~650px wide); height ~80px; vertical position y=748px. · Solid royal blue fill, rounded corners, centered white text.

Layout

Single-column centered layout for an integration/handoff screen. Top bar contains bidirectional dismiss/back options, followed by an informative heading, descriptive copy, a prominent red branding card, and a primary CTA button.

Notes

The font appears to follow standard iOS SF Pro conventions. The word 'ESPN' uses standard stylized brand lettering rather than plain typography.