Lingokids: Games & Shows

Colors

• #181E57Dimmed Background Overlay · Modal scrim overlay tint
• #222744Alert Dialog Surface · System dialog background container
• #FFFFFFAlert Text Primary · Alert dialog title
• #B6BCCDAlert Text Secondary · Alert dialog description
• #3A3E5AAlert Button Surface · Alert action button background

Type

• System Alert TitleSF Pro Text · 42px · 700 · #FFFFFF
• System Alert BodySF Pro Text · 34px · 400 · #B6BCCD
• System Alert ButtonSF Pro Text · 38px · 600 · #FFFFFF
• Background Primary CTA LabelNunito · 42px · 800 · #4B5DF6

Elements

• Dimming Scrim · Overlay

  Full screen coverage over Screen 2 content · Semi-transparent dark navy overlay

• Push Notification Permission Dialog · Modal Dialog

  Centered horizontally and vertically over the screen, width approximately 850px · Rounded rectangular card with frosted translucent dark surface and dual action buttons

• Don't Allow Button · Button

  Left bottom slot of alert dialog · Rounded pill button with translucent grey fill

• Allow Button · Button

  Right bottom slot of alert dialog · Rounded pill button with translucent grey fill

Layout

System modal dialog layer superimposed centrally over a darkened and blurred onboarding welcome view.

Notes

Standard iOS system alert dialog with custom dark mode blur styling rendered above the underlying onboarding activity.