Speech Blubs: Language Therapy

Colors

• #ffffffWhite · modal background
• #000000Dark Charcoal · modal title · rating number · testimonial text
• #eef0f3Light Gray · modal button background
• #2c22dbRoyal Blue · continue button background · stars outline

Type

• Modal TitleNunito · 36px · 700 · #000000
• Modal BodyNunito · 28px · 400 · #4a4a4a
• Modal Button TextNunito · 34px · 700 · #000000
• Button TextNunito · 36px · 700 · #ffffff

Elements

• Rating Modal · modal

  Centered over the background content with a drop shadow. · White rounded card containing app icon, title, subtitle, interactive stars, and a 'Not Now' button.

• App Icon · image

  Top left inside the modal. · Cartoon fish icon with rounded square container.

• Interactive Stars · image

  Center of modal. · Row of 5 unfilled blue star outlines.

• Not Now Button · button

  Bottom inside the modal. · Light gray rounded pill button with dark text.

• Continue Button · button

  Bottom of screen. · Solid royal blue rectangle.

Layout

Background dim with a modal dialog overlaying the content, positioned centrally.

Notes

App store rating prompt popup appearing over the social proof screen.