Babbel - Language Learning

Colors

• #000000background-black · screen background · cta button text
• #F15423accent-orange · gift illustration stroke · highlighted word 'free'
• #FFFFFFtext-primary · headline text · pricing info · benefit text · cta button background
• #888888text-strikethrough · original price strike text

Type

• page headlineserif · 68px · bold · #FFFFFF
• subheadlinesans-serif · 32px · regular · #FFFFFF
• pricing termssans-serif · 30px · bold · #FFFFFF
• primary cta labelsans-serif · 36px · bold · #000000
• reassurance tagsans-serif · 32px · bold · #FFFFFF

Elements

• Close Icon Button · icon button

  Top-right navigation position · White vector cross icon

• Gift Icon Illustration · icon graphic

  Centered horizontally in upper third above main headline · Thick orange outline gift box with bow

• Start Your Free Trial CTA · cta button

  Full width rounded pill button positioned near bottom · Solid bright white fill with black bold text

• Trust Reassurance Note · label with icon

  Centered horizontally below CTA button · White checkmark preceding 'No payment due now' text

Layout

Centered trial offer modal screen with top dismiss button, orange icon visual anchor, two-line title with color emphasis, and bottom-anchored trial confirmation CTA.

Notes

Word 'free' is colored in signature accent orange (#F15423) within the serif headline.