Marvel Unlimited

Colors

• #22252aSheet Background · Modal background
• #cc121fButton Active Red · Continue button in pending/loading state
• #ffffffInput Value White · Completed input field text · Activity spinner dots
• #2f333aInput Box Surface · Email text field background

Type

• Input Filled ValueSF Pro Text · 38px · 400 · #ffffff
• Input Field TitleSF Pro Text · 28px · 400 · #8f96a3

Elements

• Populated Email Input · text_field

  Width matching modal content margin, height ~150px. · Dark gray background with small 'Email' header and user value 'onboarding.capture@appkittie.com'.

• Loading Continue Button · button

  Pill button below input field, height ~130px. · Solid red pill fill displaying an animated horizontal row of three centered white loading dots instead of text label.

Layout

Bottom sheet modal in a transitional loading state following form submission.

Notes

Button displays a three-dot pulsing animation while verifying user account existence.