Blinkist: Book Summaries Daily

Colors

• #04232CScreen Background Navy · Screen background fill
• #2CE57CMint Green · Headline free period highlight · Horizontal accent mark · Checkbox icon fill · CTA button background · Timeline connecting active segment
• #FFFFFFWhite · Headline default text · Timeline event titles · Trial price summary bold line · Dismiss icon · CTA button text
• #9BB4B9Muted Pale Slate · Timeline subtext explanations · Pricing summary subtext · Legal terms copy
• #1E4750Timeline Inactive Line · Vertical connecting line between step 2 and 3
• #E83F3FHeart Accent Red · Timeline member icon

Type

• Screen HeadlineCera Pro · 68px · 800 · #FFFFFF
• Headline HighlightCera Pro · 68px · 800 · #2CE57C
• Section SubtitleCera Pro · 38px · 700 · #FFFFFF
• Timeline Step TitleCera Pro · 38px · 700 · #FFFFFF
• Timeline Step DescriptionCera Pro · 32px · 400 · #9BB4B9
• Price Summary RateCera Pro · 48px · 800 · #FFFFFF
• Button LabelCera Pro · 38px · 700 · #04232C

Elements

• Dismiss Icon Button · Button

  Upper right corner, 88x88 px circle. · Dark teal translucent circle with white centered 'X'.

• Accent Dash · Divider

  120px wide by 8px high directly below the headline. · Rounded horizontal mint green pill.

• Trial Timeline Stepper · Timeline List

  Center section of the screen displaying 3 chronological steps with vertical connector lines. · Icons include green rounded checkbox, white mail envelope, and red heart, joined by vertical path segments.

• Primary Trial CTA · Button

  Horizontal full width with 60px margins, 120px height, anchored near bottom. · Solid bright mint green rounded fill with dark centered label.

• Cancel Anytime Indicator · Icon with Text

  Directly beneath CTA button, centered horizontal row with checkmark shield. · Outlined shield icon in light slate alongside text.

Layout

Free trial timeline explainer screen featuring clear 3-step schedule, calculated pricing summary, prominent CTA, and cancellation policy guarantee.

Notes

Standard subscription onboarding retention screen detailing the trial notification timeline.