Blinkist: Book Summaries Daily

Colors

• #04232CDeep Background Teal · Screen background fill
• #2CE57CElectric Mint Green · Selected plan border · Pricing weekly highlight · CTA button background · Headline underline accent
• #FFFFFFPure White · Headings · Feature list text · Active tier title · CTA label
• #07313DCard Surface Dark Teal · Unselected tier card background · Selected tier inner background
• #1A73E8Badge Accent Blue · 'MOST POPULAR' badge fill
• #6F888EStrikethrough Price Gray · Discounted original price text
• #9BB4B9Subtle Legal Link Gray · Footer terms and policy disclaimer text

Type

• Paywall HeadlineCera Pro · 68px · 800 · #FFFFFF
• Feature Bullet ItemCera Pro · 34px · 500 · #FFFFFF
• Plan TitleCera Pro · 34px · 700 · #FFFFFF
• Badge LabelCera Pro · 24px · 800 · #FFFFFF
• Plan PriceCera Pro · 38px · 700 · #FFFFFF
• Weekly Breakdown RateCera Pro · 36px · 700 · #2CE57C
• Button LabelCera Pro · 38px · 700 · #04232C
• Legal FooterCera Pro · 24px · 400 · #9BB4B9

Elements

• Dismiss Button · Icon Button

  Top right navigation bar position, size ~88x88 px. · Translucent circular teal background with white close 'X' icon.

• Green Section Accent Bar · Divider Bar

  Width 120px, height 8px, located right beneath headline. · Solid rounded mint green horizontal bar.

• Feature Benefit List · List

  Vertical stack of 4 items with checkmark icons on the left, spaced ~32px apart. · White checkmark vectors aligned with 2-line feature descriptions.

• Selected Subscription Card (Blinkist Pro) · Card / Radio Option

  Spans full width with 60px side margins, height ~180px, positioned above the second plan. · Dark teal fill with 3px solid mint green border, featuring overlapping blue badge at top right.

• Popular Badge · Badge

  Positioned overlapping top right corner of the selected card, height ~46px. · Solid vibrant blue rectangular badge with slightly rounded top corners and white bold uppercase text.

• Alternative Subscription Card (Blinkist Premium) · Card / Radio Option

  Spans full width with 60px margins, height ~160px, stacked below first card. · Dark teal solid background without colored border.

• Continue CTA · Button

  Full width with 60px side margins, height 120px, placed between plan cards and footer disclaimer. · Solid mint green rounded rectangle with centered dark teal label.

Layout

Paywall view with top right dismiss button, top left value statement, 4-point bullet list of features, 2 selectable plan tiers, sticky CTA button, and multi-line legal notice at the bottom.

Notes

Original price $479.88 is shown with a strikethrough in muted gray font.