AI Chatbot - Nova

Colors

• #F4F3F8Canvas Tint White · background
• #111111Primary Dark · header title · primary CTA fill
• #FFFFFFCard White · feature card fill · timeline card fill
• #FCE5EEBadge Light Pink · trial duration badge fill
• #8A3C5CBadge Text Rose · trial duration badge text
• #6C6C70Muted Charcoal · body copy · legal footer links

Type

• HeaderSF Pro Display · 80px · 800 · #111111
• Card TitleSF Pro Display · 50px · 700 · #111111
• Card DescriptionSF Pro Text · 38px · 400 · #6C6C70
• Timeline TitleSF Pro Text · 40px · 600 · #111111
• Price LabelSF Pro Text · 44px · 600 · #111111
• Legal LinkSF Pro Text · 30px · 400 · #6C6C70

Elements

• Dismiss Button · button

  Top left position under status bar, circular form. · Translucent circular background with centered black cross glyph.

• Feature Benefit Card · card

  Vertically stacked below the floating 3D logo composition, width spans margins. · Solid white card with rounded geometry, internal copy and billing period details.

• Trial Billing Timeline Card · card

  Stacked beneath the benefit card with standard vertical spacing. · White rounded rectangle housing checkmark status, timeline indicator, trial pill badge, and recurring fee breakdown.

• Loading CTA Button · button

  Bottom full-width pill button with standard horizontal margins, height 140px. · Solid black pill displaying a centered white loading activity indicator dot/spinner instead of the text label.

Layout

Paywall screen identical in structure to Screen 2, captured in an active processing or loading state where the primary action button displays a progress dot.

Notes

The primary button text 'Try for free' is replaced by an animated loader dot during in-app purchase request fulfillment.