refactor: wallet-first card UX, hide lending mechanics#20
Open
sree-sanak wants to merge 4 commits into
Open
Conversation
CardDetail: balance as hero (44px), Apple Card-style quick actions, lending details hidden in expandable "How it works" section. SpendFlow: soften card-mode copy (Get Card, no interest/fees language). CardResult: "Collateral" → "Backed by" for consistent wallet language. CardsList: remove settle-by dates from list items. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Redesigns the card experience to feel like a prepaid card wallet (Apple Card / Cash App style) instead of a loan application, per user feedback that "the card page shouldn't look like the spend page."
Card Detail — Balance as 44px hero element at top, card visual below, Apple Card-style circular quick actions (freeze/all cards), simple stats ("Backed by", "Loaded", "Interest 0%", "Monthly fee $0"), settle reminder as soft amber warning, lending mechanics hidden in expandable "How it works" section.
Spend Flow — Card-mode copy softened: "Get Card" header, "No interest, no fees" description, "Duration" instead of "Repay within", "Get $X Card" CTA.
Card Result — "Collateral" → "Backed by" for consistent wallet-first language.
Cards List — Removed settlement dates from active card items, keeping the wallet feel clean.
Pre-Landing Review
1 issue found, auto-fixed:
Design Review (lite): No issues found. AI Slop: clean.
Adversarial Review
Claude adversarial subagent ran. 10 findings — 9 pre-existing patterns not introduced by this diff, 1 valid finding auto-fixed (past-tense copy for non-active cards).
Test Coverage
All changes are copy and layout — no new code paths. Tests: 14 suites, 136 tests passing.
TODOS
No TODO items completed in this PR. 3 items remaining.
Test plan
🤖 Generated with Claude Code