FantasyPros - Fantasy Advice

Colors

• #FFFFFFScreen Background · webview canvas background
• #F9F9FCTop Header Background · app bar background outside webview
• #6001D2Yahoo Purple · Yahoo logo · primary CTA button fill · create account link
• #1B1B1EText Primary · heading · input label
• #464E56Link Gray · forgot username link · footer links
• #A7A6ABBorder Gray · text input outline border
• #E0E0E0Divider Gray · horizontal divider line

Type

• App Bar TitleInter · 38px · 800 · #1B1B1E
• Page HeadingYahoo Sans · 56px · 800 · #1B1B1E
• Input LabelYahoo Sans · 32px · 600 · #1B1B1E
• Underline LinkYahoo Sans · 30px · 400 · #464E56
• Button LabelYahoo Sans · 34px · 700 · #FFFFFF
• Action LinkYahoo Sans · 34px · 700 · #6001D2
• Footer Navigation LinkYahoo Sans · 30px · 400 · #464E56

Elements

• Yahoo Brand Header · brand_logo

  Left-aligned logo positioned ~80px below the modal nav bar. · Vivid purple Yahoo! brandmark vector.

• Text Input Box · text_field

  Full width form field ~830px wide by 128px high with label above. · White fill with thin dark gray border outline.

• Primary CTA Button · button

  Pill shaped button ~830px wide by 126px high. · Solid bright purple background with rounded full ends and centered white bold text.

• Divider with 'or' · divider

  Horizontal line spanning ~830px with centered 'or' label. · Thin light gray divider line split by text.

• Footer Bar · horizontal_menu

  Bottom aligned row of three links (Help, Terms, Privacy) evenly spaced horizontally. · Underlined secondary gray text links.

Layout

Standard Yahoo OAuth webview login screen hosted inside native sheet modal. Left-aligned content form, centered action buttons, bottom utility footer.

Notes

Yahoo authentication portal fonts are likely Yahoo Sans or Helvetica Neue.