Pimsleur | Language Learning

Colors

• #303032System Alert Dark Fill · Native iOS modal dialog background
• #4C4C4ESystem Alert Action Pill · Modal button item background
• #FFFFFFModal White Text · System prompt title and button text
• #C5C5C7Modal Subtitle Grey · System prompt body explanation
• #000000Overlay Dim · Background dimming backdrop (~40% opacity)
• #1B3CF0Primary Blue · Underlying continue button fill

Type

• System Modal TitleSF Pro Text · 38px · 600 · #FFFFFF
• System Modal BodySF Pro Text · 28px · 400 · #C5C5C7
• System Modal ButtonSF Pro Text · 34px · 600 · #FFFFFF

Elements

• Native System Permission Dialog · modal

  Centered horizontally and vertically over the dimmed view, width ~820px · Dark mode iOS system alert container with rounded corners, containing title, message, and side-by-side action buttons ('Don't Allow', 'Allow')

• Dim Backdrop · container

  Full screen overlay · Semi-transparent black overlay dimming the Screen 4 content underneath

Layout

Modal state where the system-level push notification dialog interrupts the primer screen with a dimmed backdrop.

Notes

Underlying screen is identical to Screen 4 but darkened by the native modal layer.