Speech Blubs: Language Therapy

Colors

• #ffffffWhite · background
• #000000Dark Charcoal · rating number · rating label · testimonial text
• #2c22dbRoyal Blue · continue button background · continue button text
• #ffce3eYellow · stars fill

Type

• Rating NumberNunito · 130px · 800 · #000000
• Rating LabelNunito · 30px · 700 · #000000
• Testimonial BodyNunito · 34px · 700 · #000000
• Button TextNunito · 36px · 700 · #ffffff

Elements

• Rating Stars · image

  Upper middle, below rating number. · Row of 5 filled yellow stars with dark outlines.

• Testimonial Image · image

  Center of screen in a circular frame. · Photo of a man and child smiling while holding a tablet against a purple backdrop.

• Small Rating Stars · image

  Bottom left, below testimonial quote. · Row of 5 small yellow stars.

• Continue Button · button

  Bottom of the screen, full-width. · Solid royal blue rounded rectangle with white text.

Layout

Vertical stack containing large rating score, star rating, App Store label, circular testimonial photo, customer quote with author attribution, and a bottom primary button.

Notes

Testimonial/social proof screen.