FantasyPros - Fantasy Advice

Colors

• #FFFFFFScreen Background · webview canvas background
• #E6D7FBDisabled Button Purple · loading/disabled Next button fill
• #6001D2Yahoo Purple · Yahoo logo · create account link
• #1B1B1EText Primary · heading · input text value · input label
• #FFFFFFMuted White · Next button text in loading state
• #EB0029Spellcheck Red · dotted spellcheck underline below input value

Type

• HeadingYahoo Sans · 56px · 800 · #1B1B1E
• Input Text ValueYahoo Sans · 34px · 400 · #1B1B1E
• Disabled Button LabelYahoo Sans · 34px · 700 · #FFFFFF

Elements

• Filled Input Field · text_field

  Width ~830px, height ~128px with populated email address. · White background, thin gray border outline, populated text with red dotted spellcheck indicator below first part.

• Loading CTA Button · button

  Pill shaped button ~830px wide by 126px high. · Pastel lavender/purple tint with centered spinning circular arc and 'Next' text.

Layout

Webview form during asynchronous validation/submission state. Keyboard has dismissed, revealing the full form and footer links.

Notes

Red dotted underline indicates iOS native browser spellcheck.