Section 01
Amount Chip Selector
Quick denomination grid + custom input combined. Selected chip = gold border + tint + outer ring. Used in invest flows.
Chip Grid Only
₹500
₹1,000
₹2,000
₹5,000
₹10,000
+ Custom
₹1K selected
Combined with Custom Input
₹
₹500
₹1,000
₹2,000
₹5,000
₹10,000
✎ Custom
Custom amount (₹3,500)
Section 02
Goal Progress Card
Name + target + current value + linear progress bar + % complete + days left. Used in savings goals feature.
69% complete
⏱ 47 days left
69% — on track
25% complete
⏱ 180 days left
25% — early stage
✓ Goal Achieved
🎉 Congratulations!
100% — goal achieved
Section 03
Interest & Earning Display
Dark card with gold rate highlight. Daily, monthly, and annual earning projections. Used in portfolio and investment detail screens.
Annual Earning Rate
8.4%
Compounded daily on invested balance
Daily earnings
+₹28.75
This month
+₹862.50
Annual projection
+₹10,500
Current balance
₹1,24,350
Full earnings breakdown
Monthly projection
Based on ₹1,24,350 balance
Compact display variants
Section 04
Voucher / Coupon Card
Dashed border, notch cutouts on sides, QR or code display, expiry badge. Copy button uses gold tint CTA style.
Standard Voucher
Z
Zomato
20% off · Max ₹100 · Min order ₹299
⏱ Expires 28 Feb 2026
Active voucher
Expired Voucher
S
Swiggy
15% off · Max ₹75 · Min order ₹199
✕ Expired 15 Jan 2026
Expired state
Section 05
KYC / Verification Status
Three states: Pending (gold), Verified (teal ✓), Failed (coral + retry). Each shows document checklist inline.
Your documents have been submitted and are being verified. This usually takes 1–2 business days.
✓PAN Card verified
⏳Aadhaar under review
○Bank account pending
Pending (2/3 done)
Your identity has been verified. You can now invest without any limits.
✓PAN Card
✓Aadhaar Card
✓Bank Account
Verified ✓
We couldn't verify your Aadhaar details. The name doesn't match our records. Please resubmit.
✓PAN Card
✕Aadhaar — name mismatch
○Bank Account
Failed — with retry
Section 06
Cashback Summary Card
Total earned in teal, per-brand breakdown list, Redeem CTA. Used in wallet and rewards screens.
Total Cashback Earned
₹4,230.50
Since you joined · 8 brands
Full cashback summary
Section 07
Spending Insights Card
Top 3 spend categories with horizontal bars. MoM chip shows increase/decrease. Used in analytics and home screen widgets.
February 2026 · Based on linked brands only
Month over month ↑18%
January 2026 · Based on linked brands only
Month over month ↓8%