FOUNDATION
Typography Scale
Gilroy · 4 weights shown per token — Regular / Medium / Semibold / Bold
| Token |
Size · Tracking · LH |
Regular 400 |
Medium 500 |
Semibold 600 |
Bold 700 |
| display |
48px · −0.96px · 56px |
Wealth |
Wealth |
Wealth |
Wealth |
| h1 |
40px · −0.80px · 48px |
Portfolio |
Portfolio |
Portfolio |
Portfolio |
| h2 |
32px · −0.32px · 40px |
Summary |
Summary |
Summary |
Summary |
| h3 |
24px · −0.24px · 32px |
Breakdown |
Breakdown |
Breakdown |
Breakdown |
| h4 |
20px · −0.20px · 28px |
Cashback |
Cashback |
Cashback |
Cashback |
| bodyLarge |
16px · 0 · 24px |
Earn rewards |
Earn rewards |
Earn rewards |
Earn rewards |
| bodySmall |
14px · 0 · 20px |
Account verified |
Account verified |
Account verified |
Account verified |
| captionCaps |
12px · +0.96px · 18px · CAPS |
Last 30 days |
Last 30 days |
Last 30 days |
Last 30 days |
| captionBody |
12px · 0 · 18px |
TXN2026022500123 |
TXN2026022500123 |
TXN2026022500123 |
TXN2026022500123 |
| buttonLabel |
16px · −0.16px · 20px |
Add Money |
Add Money |
Add Money |
Add Money |
| labelLarge |
14px · 0 · 20px |
Balance |
Balance |
Balance |
Balance |
| labelMedium |
12px · 0 · 18px |
Active Brands |
Active Brands |
Active Brands |
Active Brands |
FOUNDATION
Color Tokens
Brand & Semantic
TX Light
rgba(12,18,32,.35)
Neutral Scale
ATOMS
Buttons — V5 (Figma node 55:9)
3 variants × 2 states. Horizontal gold gradient primary (#FBD748→#FBEF48), cream secondary, text-only tertiary. 4px radius. Gilroy SemiBold 16px.
PRIMARY BUTTON STATES
Default
On Click
SECONDARY BUTTON STATES
Default
On Click
TERITIARY BUTTON STATES
Default
On Click
Small Variant (h=44px)
Icon Buttons (44×44)
FAB
Segmented Control
ATOMS
Avatars & Badges
Avatar Sizes
With Status Dot
Avatar Stack
Badges
Active
Pending
Error
Verified
ATOMS
Chips & Tags
Category Tags — Light Surface
🍔 Food
👗 Apparel
🛒 Shopping
🚕 Cabs
Category Tags — Dark Surface
🍔 Food
👗 Apparel
🛒 Shopping
🚕 Cabs
Functional Chips
Label Chips
Electronics
Fashion
Food & Drinks ×
Travel ×
ATOMS
Dividers & Spinners
Dividers
With Center Label
or continue with
Spinners
FORMS & INPUTS
Text Inputs
FORMS & INPUTS
Amount Input
FORMS & INPUTS
Search Bar
FORMS & INPUTS
Dropdown / Select
FORMS & INPUTS
Textarea
Error State
Minimum 20 characters required
FORMS & INPUTS
Checkbox — V5 (Gold Active)
With Label + Support Text
Save login details
Your credentials will be securely stored
FORMS & INPUTS
Radio — V5 (Gold Active)
FORMS & INPUTS
Toggle — V5 (Gold Active)
With Label + Support Text
Auto-invest
Rounds up to ₹10
FORMS & INPUTS
Star Rating
FORMS & INPUTS
OTP / PIN Input
Empty State — All Neutral
Active — Box 4 Gold Border + Cursor
Complete — All Teal Border + Values
Error State — All Red Border
Incorrect OTP. Please try again.
NAVIGATION
Top App Bar
Simple — Back Left, Title Center
With Actions — Title Left, 2 Icons Right
Transparent Variant (over content)
NAVIGATION
Bottom Navigation Bar
NAVIGATION
Tab Bar — Pill Variant
All
Spending
Savings
Rewards
NAVIGATION
Tab Bar — Underline Variant
All
Spending
Savings
Rewards
CARDS & LISTS
Hero Card (Dark)
Portfolio Value
₹2,84,750
+₹1,240 (0.44%) today
CARDS & LISTS
Compact Card (Light)
CARDS & LISTS
Metric / Stat Card
CARDS & LISTS
Info / Promo Card
Earn 2× Cashback This Weekend
Shop at any partner brand between Saturday and Sunday and earn double cashback on every transaction.
CARDS & LISTS
Notification Card
Money Added Successfully
2m ago
₹5,000 has been added to your Multipl wallet.
₹125 cashback from Swiggy order has been credited.
CARDS & LISTS
Transaction List Item
Big Basket Grocery
🍔 Food · Today
−₹840
Cashback Credited
Cashback · Yesterday
+₹50
CARDS & LISTS
Notification List
Reward Unlocked!
Just now
You've reached Gold tier. 3× cashback on all orders.
Complete KYC to unlock cashback withdrawals.
Transfer Successful
Yesterday
₹10,000 transferred to HDFC savings account.
FEEDBACK & STATES
Toast — V5 (Pill + Colored Background)
Success
Fetched your details through mobile number
Failed
Could not fetch your details through mobile number
Waiting
Searched from your details through mobile number
FEEDBACK & STATES
Alert Banners
New Feature Available
Round-up investing is now live. Automate your savings with every transaction.
Learn More
KYC Verified Successfully
Your identity has been verified. All features are now unlocked.
Low Balance Alert
Your wallet balance is below ₹500. Add money to continue shopping.
Add Money
Payment Failed
Your last transaction of ₹2,500 failed. Please retry or use a different method.
Retry Payment
FEEDBACK & STATES
Progress Bars
Linear Progress
Circular Ring (SVG)
Step Progress Dots (3/10 Claimed)
FEEDBACK & STATES
Skeleton Loaders
FEEDBACK & STATES
Empty States
No transactions yet
Your transactions will appear here once you start shopping.
No results found
We couldn't find anything matching your search. Try different keywords.
FEEDBACK & STATES
Loading Overlay
Please wait…
Processing your transaction
OVERLAYS & MODALS
Bottom Sheet (Visual Mockup)
Choose Payment Method
Multipl Wallet
Balance: ₹8,420
HDFC Credit Card
•••• 4521
Net Banking
All major banks
OVERLAYS & MODALS
Action Sheet
Transaction Options
Grocery — ₹840
Cancel
OVERLAYS & MODALS
Modal / Dialog
Info Modal
💬
How Cashback Works
Shop at partner brands and earn cashback. It gets credited to your Multipl wallet within 24 hours.
Confirmation Modal
Confirm Transfer
You're about to transfer ₹5,000 to your savings account. This action cannot be undone.
Destructive Modal
Delete Account?
This will permanently delete your account and all associated data. This cannot be reversed.
OVERLAYS & MODALS
Tooltip
Dark Tooltip
Cashback credited in 24h
Light Tooltip
₹500 minimum cashback limit
OVERLAYS & MODALS
Dropdown Menu
FINANCIAL
Amount Chip Selector
₹500
₹1,000
₹2,000
₹5,000
Custom
FINANCIAL
Goal Progress Card
EMERGENCY FUND
₹24,000
Goal: ₹30,000
FINANCIAL
Earnings Display
Total Earnings
₹4,280
This month
FINANCIAL
Voucher Card
Active
₹50 off on ₹500
Valid till 31 Mar 2026
Expired
EXPIRED
₹100 off on ₹800
Expired on 31 Jan 2026
FINANCIAL
KYC Status Card
KYC Pending
Complete your KYC to unlock all features and cashback withdrawals.
KYC Verified
Your account is fully verified. All features and limits are unlocked.
Verified
KYC Failed
Please retry with correct documents. Ensure documents are clear and valid.
FINANCIAL
Cashback Summary Card
Total Cashback
₹1,240
This month
FINANCIAL
Spending Insights Card
Spending Insights
vs last month
+8% vs Apr
Total spending increased this month
DISCLOSURE
Accordion
First item open
Multipl is a goal-based savings app that helps you save smarter by earning cashback on everyday brand spending, aligned to your financial goals.
Spend at partner brands using your Multipl balance and earn brand-specific cashback credited to your goal wallet.
Yes. Funds are held in RBI-regulated instruments and are fully insured.
All collapsed
Can I have multiple goals?
NAVIGATION
Segmented Control
NAVIGATION
Web Header / Top Navigation
Default with nav links
Compact — icon + avatar only
FEEDBACK
Announcement / Info Banners
🎉
New feature live: Set up recurring deposits for your goals.
×
✅
KYC verified. Your account is fully activated.
×
⚠️
Payment failed. Please update your payment method.
×
NAVIGATION
Breadcrumbs
2 Levels
3 Levels
With Ellipsis (deep hierarchy)
NAVIGATION
Pagination
First Page (Prev disabled)
COMPONENTS
Stat Cards
₹4,280
↑ 12.5%
vs last month
COMPONENTS
Data Table
With sorting, row selection, status badges
|
Transaction |
Brand |
Date |
Category |
Amount |
Status |
|
Grocery Order
TXN2026042800123
|
Big Basket |
28 Apr 2026 |
Food |
−₹840 |
Completed |
|
Cashback Credited
CBK2026042700089
|
Swiggy |
27 Apr 2026 |
Cashback |
+₹125 |
Credited |
|
NEFT Transfer
TXN2026042600456
|
HDFC Bank |
26 Apr 2026 |
Transfer |
−₹5,000 |
Completed |
|
Zomato Order
TXN2026042500911
|
Zomato |
25 Apr 2026 |
Food |
−₹320 |
Pending |
|
Cab Ride
TXN2026042400277
|
Uber |
24 Apr 2026 |
Cabs |
−₹180 |
Failed |
1 of 5 selected · Showing 5 of 142 results
FORMS & INPUTS
File Upload
Default (empty)
📁
Click to upload or drag and drop
PDF, JPG, PNG up to 10MB
Drag Active
📂
Drop your file here
Release to upload
Uploading (68%)
📄
kyc_document.pdf
2.4 MB · 68% uploaded
×
Uploaded (Complete)
✅
kyc_document.pdf
2.4 MB · Upload complete
×
NAVIGATION
Navigation Sidebar
FORMS & INPUTS
Date Picker
Single Date — 14 Apr selected
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
Date Range — Apr 8–14 selected
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
Date Input Field (various states)
FORMS & INPUTS
Multi-Select Dropdown
FORMS & INPUTS
Password Input
FORMS & INPUTS
Phone Number Input
FORMS & INPUTS
Tag / Chip Input
FORMS & INPUTS
Number Stepper
FORMS & INPUTS
Combobox (Searchable Select)
FORMS & INPUTS
Social Auth Buttons
OVERLAYS & NAVIGATION
Side Drawer
OVERLAYS & NAVIGATION
Command Palette (⌘K)
Quick Actions
Add Money
Add funds to your account
⌘A
View Portfolio
Check your investments
⌘P
Navigate
OVERLAYS & NAVIGATION
Notification Centre
Today
KYC Verified Successfully
2 minutes ago
₹250 cashback credited
1 hour ago
New offer from Swiggy
3 hours ago
Yesterday
₹10,000 added to wallet
Yesterday, 4:30 PM
OVERLAYS & NAVIGATION
Keyboard Shortcut Badges
Modifier combos
⌘+K
⌘+⇧+P
Ctrl+Z
⌥+↵
In context
Search…
⌘+K
Save changes
⌘+S
DATA DISPLAY
Color Swatch Picker
DATA DISPLAY
Video Player
MARKETING SECTIONS
Hero Section
Smart Investing for Everyone
Grow Your Wealth
Every Day
Earn up to 8% cashback on everyday spends. Invest in top brands. Watch your wealth grow automatically.
No credit card required · SEBI registered
Portfolio Growth
₹1,24,500
+₹8,250 (7.1%) this month
MARKETING SECTIONS
Feature Section
Why Multipl
Everything you need
to build wealth
Up to 8% Cashback
Earn cashback every time you spend with our partner brands — automatically invested back.
Smart Portfolio
SEBI-regulated mutual fund investments curated for maximum growth with minimal risk.
Bank-Grade Security
256-bit encryption, two-factor authentication, and biometric login protect your money.
MARKETING SECTIONS
Pricing Section
Simple, transparent pricing
Start free, upgrade when you're ready.
FREE
₹0 / month
Perfect for getting started with smart investing.
- Up to 2% cashback
- Basic portfolio tracker
- 5 partner brands
- Priority support
PRO — MOST POPULAR
₹199 / month
Everything you need to maximize rewards and grow faster.
- Up to 8% cashback
- AI-powered insights
- 100+ partner brands
- Priority support
ENTERPRISE
Custom
For large teams and organizations with custom needs.
- Everything in Pro
- Dedicated account manager
- Custom integrations
- SLA guarantee
MARKETING SECTIONS
Testimonial Section
Loved by 50,000+ investors
Real stories from real people growing their wealth with Multipl.
"I've earned over ₹12,000 in cashback just by ordering food and shopping online. Multipl literally pays me to spend."
P
Priya Sharma
Software Engineer, Bangalore
"The portfolio grew 18% in 8 months. My wife was skeptical but now she's the one pushing me to add more money!"
R
Rahul Mehta
Product Manager, Mumbai
"Finally a finance app I actually use every day. The UI is beautiful and it just makes sense. Highly recommend."
A
Ananya Iyer
Entrepreneur, Chennai
"Customer support is incredible. Had an issue at 11 PM and got a resolution in 10 minutes. Never seen this in fintech."
V
Vikram Nair
Doctor, Delhi
MARKETING SECTIONS
CTA Section
Start growing your wealth
today — it's free
Set up in 5 minutes. No lock-in. Withdraw anytime. SEBI regulated and fully transparent.
No credit card · Cancel anytime · SEBI registered
MARKETING SECTIONS
Footer