Keiki Learning games for Kids

Colors

• #4b36c4primary-purple · screen background
• #edeafcbubble-white · speech bubble fill · back arrow fill
• #271c66text-dark-purple · speech bubble text
• #42d93eaccent-green · progress fill

Type

• bubble-dialogueNunito · 34px · 800 · #271c66

Elements

• Progress bar · indicator

  Top bar, full width minus margins (~960px wide, ~26px high) · Translucent purple track with a rounded bright green filled progress segment

• Speech Bubble Prompt · callout

  Upper section beside dragon-fruit mascot, compact rounded bubble (~220px wide) · Pale lavender speech bubble with left pointer, containing truncated text 'I kno'

• Mascot Character · illustration

  Top-left under progress bar, emerging from a dark purple hole holding a phone · Magenta/green dragon fruit character illustration

Layout

Intermediate or loading/typing state displaying an incomplete prompt sentence with empty remaining content area.

Notes

Likely an animated transition state during text appearance ('I kno' before completing to 'I know what works best for Daniel').