Keiki Learning games for Kids

Colors

• #4C32BFprimary-background · screen background
• #6C53D6call-window-frame · video window outer border / frame
• #F0E1A6call-window-interior · illustration room interior wall
• #FFFFFFtext-primary · title text
• #DCD4F8text-secondary · description paragraph text
• #4BC347cta-primary-green · enable microphone button background · secondary 'Not now' text link

Type

• headlineNunito · 64px · 900 · #FFFFFF
• bodyNunito · 36px · 600 · #DCD4F8
• button-primaryNunito · 42px · 800 · #FFFFFF
• button-secondaryNunito · 38px · 800 · #4BC347

Elements

• video-call-illustration · container

  Top half, centered mockup of a video call frame with speech clouds overlapping top corners · Soft rounded rectangular video call interface showing mascot waving, with three circular call action buttons (camera, red hang up, mic)

• enable-mic-button · button

  Bottom action area, height 140px, pill shape · Vibrant solid green background with bold centered white text

• dismiss-text-button · button

  Directly below primary button, center aligned, padding ~32px · Borderless text button in bright green font

Layout

Permission pre-prompt screen with friendly contextual illustration, explanation paragraph, primary positive action, and negative text link.

Notes

Pre-permission priming pattern commonly used in iOS applications before invoking native dialogs.