Lively - Period Tracker, Cycle

Colors

• #000000Overlay Background · modal backdrop
• #f2f2f2Dialog Background · modal surface
• #000000Dialog Text · title · body
• #007affButton Text Blue · button

Type

• bodySF Pro Text · 32px · 400 · #000000
• buttonSF Pro Text · 34px · 600 · #007aff

Elements

• System Dialog Box · modal

  Centered horizontally and vertically over the dimmed background. · Rounded rectangle card with translucent white/light gray fill and subtle shadow.

• App Icon Preview · image

  Top-left inside the dialog box. · Rounded square app icon with dark gradient and wave symbol.

• OK Button · button

  Bottom section of the dialog box, centered. · Full-width horizontal button area with blue text.

Layout

System alert dialog overlaying a blurred dark background.

Notes

Standard iOS style confirmation alert.