Videoleap - AI Video Editor

Colors

• #e1dedbModal Sheet Surface · sheet background
• #007affSystem Blue · continue CTA button fill · selection checkmark
• #000000Primary Text · dialog title · labels · user account details
• #5c5e64Secondary Text · subtitles · explanatory text
• #d3d0cdRow Highlight · list row borders / surface

Type

• Modal TitleSF Pro Display · 24px · 700 · #000000
• DescriptionSF Pro Text · 18px · normal · #000000
• List Row LabelSF Pro Text · 19px · 600 · #000000
• Button LabelSF Pro Text · 20px · 600 · #ffffff

Elements

• Dimmed Scrim · scrim

  Covers entire background behind the modal sheet. · Semi-transparent dark blur over Screen 4.

• Sign in with Apple Sheet · bottom sheet

  Bottom-pinned modal dialog occupying ~60% of viewport height. · Light frosted blur/material surface with rounded top corners.

• Apple Account Info Row · card

  First grouped section with app icon on left, description on right. · Dark icon container with Videoleap mascot, paired with multiline explanation.

• Credential Rows · grouped list

  Separated list rows for Name, Share My Email, and Hide My Email. · Subtly darker frosted background tiles with icons and checkmark indicator.

• Continue with Passcode Button · button

  Bottom of sheet, full width with ~40px margin, ~88px height. · Solid iOS system blue pill button with centered white text.

Layout

Native iOS modal bottom sheet layered on top of blurred/dimmed authorization view.

Notes

Standard Apple Authentication Services system sheet presentation.