Keiki Learning games for Kids

Colors

• #271B5Ascrim-dim · dimmed background modal scrim
• #30265Bdialog-surface · permission alert container background
• #473B75dialog-button-bg · alert button background
• #FFFFFFtext-title · dialog header text
• #CCC5E5text-body · dialog explanation text

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

• speech-recognition-alert · modal

  Center-screen modal prompt, width ~820px · Deep purple rounded modal with Apple Speech waveform square icon and twin action buttons

• speech-icon-badge · icon

  Top center of modal, ~150x150px icon with blue badge · Neutral gray rounded square with white audio waveform bars

• permission-buttons-pair · button

  Bottom row inside alert dialog, two equal-width rounded buttons · Subtle elevated dark purple pill containers

Layout

Second system permission modal for Speech Recognition following microphone access approval.

Notes

Uses standard iOS dark appearance modal styling.