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
• #5742cfcard-purple · option card background
• #fffffftext-white · option title text
• #5745b7button-disabled-purple · disabled continue button
• #8c82cbbutton-disabled-text · continue button text

Type

• bubble-dialogueNunito · 34px · 800 · #271c66
• option-labelNunito · 34px · 800 · #ffffff
• cta-buttonNunito · 36px · 800 · #8c82cb

Elements

• Attribution Option Cards · list_group

  Vertical column of 6 uniform rounded cards, each ~960px wide by ~150px high, spaced evenly with 22px gaps · Flat slightly elevated purple buttons with left-aligned white labels

• Disabled Continue Button · button

  Bottom pinned container (~960px wide, ~132px high) · Muted lavender-purple background with inactive low-contrast text

Layout

Single-column survey flow with prompt bubble at the top, vertical list of single-line acquisition channel options, and bottom-anchored CTA button.

Notes

Similar layout template to Screen 3, with 6 items fitting comfortably before the bottom CTA.