Epic - Kids' Books & Reading

Colors

• #03A9F4primary-sky-blue · Screen headline text · Pricing card outer border
• #E93B82badge-pink · Ribbon discount badge background · Trial duration highlight label text
• #0D3A63card-dark-blue · Plan name 'Annual' heading · Price heading '$62.99'
• #303A48body-charcoal · Subtitle body text · Timeline section titles and descriptions · Checkbox label
• #5A687Asecondary-slate · Monthly equivalent price label · Footer disclaimer caption
• #53BD6Atimeline-active-green · Today step icon fill · Completed progress line fill
• #B1BDCBtimeline-inactive-gray · Future step icons background · Inactive vertical connector track line · Checkbox unselected border
• #D3DCE7disabled-cta-surface · CTA button background fill (disabled state)
• #FFFFFFbackground-white · Main screen background · Card interior background · CTA button text fill

Type

• main-titleNunito · 72px · 800 · #03A9F4
• subtitle-bodyNunito · 38px · 600 · #303A48
• badge-textNunito · 28px · 800 · #FFFFFF
• plan-titleNunito · 44px · 800 · #0D3A63
• plan-priceNunito · 56px · 800 · #0D3A63
• plan-subpriceNunito · 34px · 600 · #5A687A
• timeline-step-titleNunito · 36px · 800 · #303A48
• timeline-step-bodyNunito · 34px · 600 · #303A48
• checkbox-labelNunito · 32px · 600 · #303A48
• cta-buttonNunito · 38px · 800 · #FFFFFF
• disclaimer-captionNunito · 28px · 600 · #5A687A

Elements

• promo_ribbon_badge · badge

  Positioned overlapping top-left of the pricing card at ~X:45px, Y:835px, width ~390px, height ~72px with ribbon dovetail cutout on right side · Vibrant magenta-pink fill (#E93B82), white uppercase text, stylized ribbon end on right

• subscription_timeline_card · card

  Centered horizontally, margins ~76px left/right, top ~872px, width ~928px, height extending past bottom sheet cutoff · White fill with a thick bright blue border (#03A9F4, ~10px width), rounded corners

• vertical_step_tracker · indicator

  Left column inside subscription card, vertical line linking three circular milestone nodes · Top circle green (#53BD6A) with white padlock glyph, lower circles muted gray-blue (#B1BDCB) with bell and checkmark icons; connector line transitions from green to gray

• agreement_checkbox · control

  Positioned below the subscription card at X:130px, Y:1915px, width ~80px, height ~80px, left of agreement text · Unchecked rounded square outline in muted gray (#B1BDCB), ~5px stroke, white interior fill

• cta_action_button · button

  Full width spanning horizontally with ~70px side margins, Y:2065px, height ~140px · Muted blue-gray pill button (#D3DCE7) indicating disabled/pre-condition unfulfilled state, centered white text

Layout

Single column subscription paywall flow with prominent centered headers, a bordered multi-step timeline card showing trial progression, a mandatory legal consent checkbox, and a sticky bottom CTA container with price disclaimer.

Notes

Rounded sans-serif typeface shows soft rounded terminals strongly matching Nunito or Varela Round; Nunito selected as primary estimate. Lower card area is partially overlaid by legal and CTA stack.