Keiki Learning games for Kids

Colors

• #271B5Ascrim-dim · dimmed background modal scrim
• #30265Bdialog-surface · iOS system alert surface
• #473B75dialog-button-bg · alert action button background
• #FFFFFFtext-dialog-title · permission alert title
• #CCC5E5text-dialog-body · permission purpose string
• #F48325mic-icon-orange · system mic permission icon fill

Type

• system-dialog-title-apple-system · 38px · 700 · #FFFFFF
• system-dialog-body-apple-system · 30px · 400 · #CCC5E5
• system-dialog-button-apple-system · 36px · 600 · #FFFFFF

Elements

• ios-system-permission-alert · modal

  Centered modal card over dimmed backdrop, width ~820px · Dark translucent blur sheet with rounded app permission header icon, two-line text, and twin rounded action buttons ('Don't Allow' vs 'Allow')

• mic-badge-icon · icon

  Top of permission alert, centered square ~150x150px with blue privacy hand badge · Orange rounded square with microphone graphic and badge

• alert-action-buttons · button

  Dual horizontal buttons side by side at base of alert card · Translucent rounded pill buttons with centered white labels

Layout

Darkened overlay sheet containing native iOS permission dialog triggered from Screen 4.

Notes

Modal typography switches to Apple system typeface SF Pro from the app's internal rounded font.