Skip to content

Design system v3 and new homepage (step A, preview) - #100

Merged
YD811 merged 2 commits into
mainfrom
design/site-v3
Oct 14, 2026
Merged

YD811 merged 2 commits into
mainfrom
design/site-v3

Conversation

@YD811

@YD811 YD811 commented Oct 14, 2026

Copy link
Copy Markdown
Owner

Design system v3 + new homepage (step A, preview only)

Approved by YD on the mock (claude.ai artifact "potbot.fun v3 mock", v2). Not for prod until YD says "to prod".

What changes

  • Design system: warm dark default (#14120F), cream light theme (#F6F1E8), one terracotta accent, leaf green only for growth / live / the plant. Fraunces (display), Instrument Sans (body), IBM Plex Mono (numbers) loaded with next/font. Pill buttons, 24–28 px cards, no neon, no glow. Muted text #C9C0B0 (contrast ~8:1).
  • Homepage (components/v3/LandingV3.tsx): hero with the live flagship card (price count-up, 7d sparkline, composition fill), three promises, coins → Pot → one token animation, How it works (invest / create, as before), Live now (flagship first), Garden, Security block, Creators / Holders, vision line. No devnet, demo, hackathon or judges wording on the home page.
  • Navbar / footer: logo as plant + Fraunces wordmark, four links (POTFolios · Create · Learn · World's Fair), ticker thin and muted ("Demo Mode" → "Offline"), footer with Security and Status, "Amsterdam" in the copyright line.
  • Onboarding: the full-screen modal on /portfolios is now a one-line dismissible hint (same storage key).
  • Product components restyled through tokens: PotCard, CompositionBar (new series colors), Sparkline, PlantBadge, GardenMode, HowAPotWorks.
  • Motion: one easing site-wide, hero load sequence, scroll reveals (once), plant breathes, prefers-reduced-motion respected. CSS only, no new dependencies.

Not touched

Program, SDK, mock mode, deposit / exit flows, POTFolio / Create / Dashboard pages (step B), price ticker and Crypto / Normie toggle (kept, restyled), live fees on the site.

Checks

  • tsc --noEmit clean
  • Screenshots dark / light at 1440 and dark at 390: no horizontal scroll, both themes readable
  • Old landing kept at components/LandingPage.tsx for rollback

🤖 Generated with Claude Code

https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE


Generated by Claude Code

Palette, type and components from the pitch deck: warm dark default, cream
light theme, one terracotta accent, leaf green only for growth and live
status, Fraunces / Instrument Sans / IBM Plex Mono via next/font. No neon,
no glow.

Homepage rebuilt (components/v3): hero with the live flagship card, three
promises, coins-to-token animation, How it works (invest / create), Live now
cards, Garden, Security block, Creators / Holders, vision. No devnet, demo or
hackathon wording on the home page.

Also: navbar and footer restyled (four links, Security and Status in the
footer), onboarding modal replaced by a one-line dismissible hint on
/portfolios, composition bar and sparkline in the new palette, light-theme
overrides remapped to the cream palette. Program, SDK and product flows
untouched. Old landing kept in components/LandingPage.tsx.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE
@vercel

vercel Bot commented Oct 14, 2026 •

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
potbot-v2 Ready Ready Preview, v0 Oct 14, 2026 12:26am UTC

Request Review

The dot polled the old apps/api backend and showed Offline on prod, which
has nothing to do with POTFolio.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE
@YD811
YD811 merged commit 4e648dc into main Oct 14, 2026
9 checks passed

This branch was successfully deployed

1 active deployment
Preview — 5da2f54d Deployed Oct 14, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants