Skip to content

Design v3 step B: product pages, simplified, CTAs - #102

Merged
YD811 merged 8 commits into
mainfrom
design/site-v3-b
Oct 15, 2026
Merged

YD811 merged 8 commits into
mainfrom
design/site-v3-b

Conversation

@YD811

@YD811 YD811 commented Oct 14, 2026

Copy link
Copy Markdown
Owner

Design v3, step B: every product page, simplified

Stacked on #101 (hero plant + smooth animation); merge #101 first or this one carries it.

Pages

  • /portfolios: category and sort as chips, 3-column grid, quiet stats strip, empty state, closing creator CTA.
  • /portfolios/[mint]: deposit / redeem panel is the hero (tabs, big "You receive", one-line explanations), mono stats, chart with range pills, composition, activity, share strip with Copy link and invite-and-earn.
  • /portfolios/new: asset tiles, weight sliders, review with the fee line, sticky live preview card of the basket.
  • /learn, /faq, /roadmap, /mainnet (Security), /status, /dashboard, /signup: restyled through tokens; FAQ as details cards; roadmap chips in the new palette; Learn carries the planned mainnet pricing note; Signup is one field.
  • Home: Security block replaced by Community (Invite and earn, Early access, Build in public).
  • OG image and app icons in the v3 palette; slider and legacy create CSS recolored.

Simplification

No devnet / demo / judges / Colosseum wording on product pages. Status lives on /status ("Devnet. Mainnet opens after the external audit."). Every page ends with a primary CTA.

Not touched

Hooks, transactions, program, SDK, mock mode, price ticker, Crypto / Normie toggle, footer legal.

Checks

tsc clean. Dark screenshots at 1440 for all pages and 390 for the three product pages, no horizontal scroll. Light theme to be verified on the Vercel preview (the local dev server ran out of memory during the light pass).

🤖 Generated with Claude Code

https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE


Generated by Claude Code

The flagship sits at level 1 on devnet, so the home page showed the
seedling. The hero plant is brand art (the deck and the mock use Bloom);
the live level stays on the POTFolio page.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE
Coins and the token are now HTML elements with will-change transforms
(GPU-composited) instead of animated SVG groups; the pot stays SVG.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE
Scaling text forces repaints every frame; translate3d and opacity stay on
the compositor.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE
Catalog: chips instead of selects, 3-column grid, quiet stats strip, closing
creator CTA. POTFolio page: deposit / redeem panel as the hero, mono stats,
share strip with copy link and invite-and-earn. Create: asset tiles, weight
sliders, review with fee line, sticky live preview card. Learn, FAQ, Roadmap,
Security (/mainnet), Status, Dashboard, Signup restyled through tokens; FAQ
as details cards, roadmap chips in the new palette, Learn carries the planned
mainnet pricing note, Signup is a one-field form.

Home: the Security block becomes a Community block (invite and earn, early
access, build in public). OG image and app icons in the v3 palette. Slider
and legacy create-page CSS recolored. Devnet / demo / judges wording removed
from product pages (status stays on /status). No hooks, transactions or
program code touched.

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 15, 2026 12:14am UTC

Request Review

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DXtsfUkCFQBEUxekKw94KE
Generated as four consistent sprite sheets (pink, purple, blue, coral),
cut to 480x720 transparent PNGs with one scale per series, so the pot
stays the same size and only the plant grows. Clean edges in both themes.

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

This branch was successfully deployed

1 active deployment
Preview — 0840d329 Deployed Oct 15, 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