The Wonder Weeks - Baby leaps

Colors

• #ffffffWhite · background · card background
• #1a1a1aCharcoal Black · titles · prices · icons
• #ffecb6Light Yellow · purchase button
• #ffb800Yellow Accent · badge background · discover link
• #9e9e9eGray · subtext

Type

• TitleSF Pro · 32px · bold · #1a1a1a
• BodySF Pro · 20px · regular · #1a1a1a
• LinkSF Pro · 22px · regular · #f1b635
• Card TitleSF Pro · 20px · regular · #1a1a1a
• PriceSF Pro · 36px · regular · #1a1a1a
• SubtextSF Pro · 18px · regular · #757575

Elements

• Accounts Icon · graphic

  Top center · Stylized icon representing two connected user accounts

• Pagination Dots · pagination

  Centered below header description · Horizontal row of light gray dots with one yellow dot

• Discover everything · link

  Centered below pagination · Yellow text link

• 1 month Plan Card · card

  Left column in pricing options row · Rounded white card with unselected radio button

• 3 months Plan Card · card

  Middle column in pricing options row · Rounded white card with unselected radio button

• 24 months Plan Card · card

  Right column in pricing options row, highlighted with top badge · Rounded white card with yellow top badge 'All leaps' and selected radio button

• Purchase · button

  Bottom center above links · Light yellow rounded button fill

• Restore purchases · link

  Bottom center · Yellow text link

• Privacy statement · link

  Bottom center · Gray underlined text link

Layout

Vertical stack layout containing icon header, pagination, discovery link, a three-column subscription card selector, purchase button, and footer links.

Notes

Paywall screen offering multiple subscription durations.