Learna: Speak & Learn English

Colors

• #89C0F5Sky Blue Gradient Top · background gradient top
• #5D9CE4Soft Blue Gradient Bottom · background gradient bottom
• #308CF6Primary Action Blue · cta button background · accent text link
• #FFFFFFCard Surface White · bottom sheet background · primary text
• #DCEEFFTranslucent Pill White · rating and badge surface fill · quote card background
• #F5A623Star Amber · rating star icon fill
• #1D3B62Deep Navy Text · header text · primary body text
• #768B9EMuted Slate Gray · legal disclaimer text · account prompt text

Type

• Title LargeSF Pro Rounded · 68px · 800 · #FFFFFF
• Subtitle BodySF Pro Text · 36px · 400 · #FFFFFF
• Rating NumberSF Pro Rounded · 60px · 800 · #1D3B62
• Metric Pill TitleSF Pro Rounded · 50px · 800 · #1D5BB6
• Button TextSF Pro Rounded · 40px · 700 · #FFFFFF
• Footer Legal TextSF Pro Text · 24px · 400 · #768B9E

Elements

• Social Proof Testimonial Card · card

  Positioned at top below status area, horizontal avatar with stacked text, full-width inset with padding · Semi-transparent glassy white/light-blue background with subtle white outline and rounded pill corners

• Store Rating Badge · badge

  Upper-left quadrant above download pill; laurel wreaths flanking numeric score and star row · Translucent icon wreaths in blue, five orange rating stars, dark blue text

• Download Metric Pill · card

  Center-left region overlapping background; centered metric number and caption · Frosted rounded rect with semi-opaque light blue fill and thin bright border

• Bottom Modal Sheet · sheet

  Pinned to bottom of viewport, spanning full width with top rounded corners · Solid white fill with stacked text prompt, primary button, and legal footer

• Let's Go CTA Button · button

  Full width inside bottom sheet with horizontal margins of approximately 50px, height ~110px · Solid vibrant blue fill with white bold text, slight bottom elevation shadow

Layout

Vertical onboarding presentation layout. Top two-thirds dedicated to hero photo, floating testimonial pill, and app store proof points on a light blue gradient. Bottom third anchors a white container sheet housing the main title, description, and primary CTA button.

Notes

Font styling exhibits rounded geometric sans characteristics reminiscent of SF Pro Rounded or Nunito. Confirmed low confidence due to platform standard renderings.