Marvel Unlimited

Colors

• #22252aModal Sheet Surface · Bottom sheet card background
• #e21b24Marvel Red · Marvel header badge fill · Continue button background
• #2f333aField Background · Email text field fill
• #7d848fField Placeholder · Input label placeholder text
• #ffffffPrimary Text · Sheet title · Continue button label · Disney logo fill
• #b0b6c1Muted Text · Instructional text · Brand explanation text
• #3d424bCircular Close Fill · Dismiss button circle fill

Type

• Sheet TitleSF Pro Display · 54px · 700 · #ffffff
• Body InstructionsSF Pro Text · 38px · 400 · #b0b6c1
• Input Text/PlaceholderSF Pro Text · 42px · 400 · #7d848f
• Action Button LabelSF Pro Text · 42px · 600 · #ffffff
• Footer HeadingSF Pro Text · 38px · 700 · #ffffff
• Footer ExplainerSF Pro Text · 34px · 400 · #b0b6c1

Elements

• Header Close Button · icon_button

  Top right below status bar, 40px inset, diameter 90px. · Translucent dark circular background with centered white 'X' vector icon.

• Marvel Logo Header · logo

  Centered horizontally in header bar, width ~340px, height ~120px. · Classic red box with white bold condensed Marvel lettering.

• Authentication Bottom Sheet · modal_sheet

  Begins ~420px from screen top and spans to the bottom edge. · Dark slate container with prominent rounded top corners, inner padding ~70px.

• MyDisney Script Logo · logo

  Left-aligned at top of bottom sheet, width ~260px. · White script font signature 'MyDisney'.

• Email Input Box · text_field

  Full width of sheet body, height ~150px, margin top 60px. · Dark gray filled container with subtle border, rounded corners, and left-padded placeholder text.

• Continue Button · button

  Full width of sheet body, height ~130px, margin top 40px. · Pill-shaped solid red button with centered white text.

• Disney Ecosystem Brands Footer · image_row

  Bottom of sheet, multi-row logo display containing Disney, ABC, ESPN, Marvel, Star Wars, Hulu, Nat Geo, Disney Parks. · Monochrome light-gray brand logos distributed horizontally across two lines.

Layout

Top persistent bar with Marvel branding and close icon, presenting a large rounded bottom sheet containing the unified MyDisney authentication interface.

Notes

MyDisney represents the cross-brand SSO authentication layer used by Disney platforms.