Fintech landing page with live chart
Copy this prompt into Claude, Cursor or Lovable.
Create a single-file HTML landing page for a fintech app called "Northpay". Light theme: background #f5f8fc, ink #0e1a2b, accent blue #1d6bff, success green #12b886.
Left column: pill tag "FDIC-style protection · 4.1% APY", H1 "Money that works while you sleep" (clamp 40-68px, tight tracking), a 18px muted paragraph, a solid blue "Open an account" button with a soft blue shadow and a white outline button "See how it works", then three small trust stats (2.4M customers, $0 monthly fees, 4.9 app rating).
Right column: a white rounded (28px) dashboard card with a big shadow:
- "Total balance" that counts up to $48,215.37 over 2.6s using requestAnimationFrame and ease-out.
- "+12.4% this quarter" in green.
- An inline SVG area chart whose line draws itself with stroke-dashoffset, then fills with a blue gradient and ends with a ring dot.
- Three transaction rows (Coffee House -$4.80, Salary deposit +$3,200.00, Savings round-up +$1.20) that slide up one after another.
- Two floating chips outside the card: dark "Goal reached - Trip fund" top right, green "Instant transfer - $250 sent" bottom left, both bobbing.
System fonts only, no libraries, responsive (stack under 860px), reduced-motion safe. Return only the complete HTML.Source, 15 lines
# Fintech landing page with live chart Copy this prompt into Claude, Cursor or Lovable. ```text Create a single-file HTML landing page for a fintech app called "Northpay". Light theme: background #f5f8fc, ink #0e1a2b, accent blue #1d6bff, success green #12b886. Left column: pill tag "FDIC-style protection · 4.1% APY", H1 "Money that works while you sleep" (clamp 40-68px, tight tracking), a 18px muted paragraph, a solid blue "Open an account" button with a soft blue shadow and a white outline button "See how it works", then three small trust stats (2.4M customers, $0 monthly fees, 4.9 app rating). Right column: a white rounded (28px) dashboard card with a big shadow: - "Total balance" that counts up to $48,215.37 over 2.6s using requestAnimationFrame and ease-out. - "+12.4% this quarter" in green. - An inline SVG area chart whose line draws itself with stroke-dashoffset, then fills with a blue gradient and ends with a ring dot. - Three transaction rows (Coffee House -$4.80, Salary deposit +$3,200.00, Savings round-up +$1.20) that slide up one after another. - Two floating chips outside the card: dark "Goal reached - Trip fund" top right, green "Instant transfer - $250 sent" bottom left, both bobbing. System fonts only, no libraries, responsive (stack under 860px), reduced-motion safe. Return only the complete HTML. ```