FantasyPros - Fantasy Advice

Colors

• #F9F9FCCanvas Background · modal canvas background
• #CC2128ESPN Red · ESPN card background fill
• #0F6CEBAction Blue · continue button fill
• #1B1B1EText Primary · app bar title · step title
• #2B2B30Text Secondary · step instruction description
• #FFFFFFWhite · ESPN text inside red card · button label

Type

• App Bar TitleInter · 38px · 800 · #1B1B1E
• Step TitleInter · 44px · 800 · #1B1B1E
• Instruction SubtitleInter · 31px · 400 · #2B2B30
• ESPN Card TextESPN Logo Font · 38px · 900 · #FFFFFF
• Primary CTA ButtonInter · 32px · 600 · #FFFFFF

Elements

• Navigation Bar · navigation_bar

  Top modal bar with back chevron, centered title 'Sync NFL Leagues', and right close button. · Rounded pill container with white background and dark text/icons.

• ESPN Provider Display Card · card

  Full width rounded rectangle ~920px wide by 270px tall centered horizontally. · Solid ESPN red fill with bold centered uppercase white text.

• Continue to ESPN Button · button

  Full width button ~920px wide by 110px tall positioned ~60px below ESPN card. · Solid electric blue fill with centered white semibold label.

Layout

Clean onboarding handoff screen: top navigation bar, centered title and redirection copy, large brand banner card, and direct blue CTA button.

Notes

Corresponds to the ESPN integration pathway matching the Yahoo flow in Screen 1.