FantasyPros - Fantasy Advice

Colors

• #FFFFFFCanvas White · webview canvas background
• #6001D2Yahoo Purple · logo · input border outline · input label text
• #38B6FFIllustration Blue · illustration smartphone body
• #FCA5A5Illustration Pink · illustration hand skin tone · speech bubble fill
• #1B1B1EText Primary · heading · body text · resend timer text
• #4A4A4FDash Marker Gray · digit slot placeholder dashes

Type

• Screen HeadingYahoo Sans · 54px · 800 · #1B1B1E
• Explanation BodyYahoo Sans · 32px · 400 · #1B1B1E
• Code Input LabelYahoo Sans · 30px · 700 · #6001D2
• Resend Code TimerYahoo Sans · 30px · 500 · #1B1B1E

Elements

• Verification Illustration · illustration

  Centered horizontally above the heading, ~350px wide by 400px tall. · Cartoon hand holding a cyan smartphone showing a pink speech bubble with three purple asterisks, black outline art style.

• 6-Digit Code Input Box · text_field

  Full width rectangle ~830px wide by 138px tall containing 6 evenly spaced horizontal dashes. · Purple 2px border outline with rounded corners and white fill.

• Digit Slot Dashes · indicator

  6 horizontal dash lines ~40px wide spaced equally across the input box. · Dark slate gray line markers.

Layout

Vertical OTP entry form: brand header, spot illustration, headline, destination email clarification, structured 6-digit input box, and countdown timer below.

Notes

Input box uses unified outline containing spaced placeholder dashes instead of separate pin boxes.