AI Chatbot - Nova

Colors

• #F4F3F8Off White Background · overall background
• #111111Dark Charcoal · header title · primary CTA fill · bullet indicators
• #FFFFFFCard Fill Pure White · info card background · timeline card background
• #FCE5EEPastel Pink Accent · trial badge background
• #8A3C5CPastel Pink Text · trial badge text label
• #6C6C70Subdued Gray · feature description · sub-labels · footer link text
• #3A3A3CSuccess Charcoal · timeline checkmark circle fill

Type

• Paywall HeaderSF Pro Display · 80px · 800 · #111111
• Card HeadlineSF Pro Display · 50px · 700 · #111111
• Card Body TextSF Pro Text · 38px · 400 · #6C6C70
• Timeline LabelSF Pro Text · 40px · 600 · #111111
• Trial Badge TextSF Pro Text · 28px · 700 · #8A3C5C
• Price AmountSF Pro Text · 44px · 600 · #111111
• Footer Legal TextSF Pro Text · 30px · 400 · #6C6C70

Elements

• Close Button · button

  Top left position below status bar, 70px x 70px circular touch target. · Semi-translucent light circular background with centered black cross icon.

• Feature Benefit Card · card

  Centered horizontally below floating icon graphic, padding approximately 50px. · Solid white card with rounded corners, subtle low-opacity drop shadow, containing product title, multi-line description, and pricing terms.

• Billing Timeline Card · card

  Stacked directly beneath the benefit card, padding 48px. · Solid white background, contains status header with dark checkmark circle, two-point vertical timeline track with pricing and trial duration badge.

• Apple Security Guarantee · label_badge

  Centered directly above the primary CTA button, row layout with lock glyph. · Monochrome lock icon followed by 'Secured with Apple' text in muted charcoal.

• Trial CTA Button · button

  Full width minus margins near bottom edge, height 140px. · Solid dark charcoal pill with centered white text 'Try for free'.

Layout

Subscription paywall layout with dismiss control in header, floating 3D brand logo graphic, two grouped white content cards for benefits and timeline, trust badge, primary action button, and legal disclaimers at the baseline.

Notes

Font metrics and tracking are consistent with standard iOS design guidelines. The 'PRO' text within the header is framed in an oval highlight.