Chatbot-First UX

BYLD Wealth Design System — AI Advisor as Primary Interface

Signature Differentiator
9:40
●●●
Introducing
MIA
My Intelligent Analyst
Trained on your portfolio, markets & tax strategy.
Always watching. Always learning.
📊
Portfolio Intelligence
Real-time analysis of your wealth across every asset class
💡
Proactive Insights
Alerts on market shifts, tax opportunities & wealth leakage
🎯
Goal Planning
Build & track financial goals with personalized strategies
Start a Conversation
Skip for now
MIA — Meet Your Analyst
9:40
●●●
Good morning,
Arjun Mehta
Quick Actions
📈
SIP
🎯
Goals
💼
Portfolio
Total Portfolio
₹18,42,500
+12.4% ↑ all time
BYLD Score
73
Good
M
Home
Invest
Chat
Goals
Profile
0 — Dashboard Chat Entry
9:41
●●●
←
M
MIA
My Intelligent Analyst
Step 2 of 4
M
Welcome to BYLD! I'm your AI wealth advisor. Let's get to know you a little better.
M
What's your name?
9:41 AM
Arjun Mehta
9:41 AM
M
Nice to meet you, Arjun! What's your annual income range?
₹15-30L
₹30-50L
₹50-100L
₹1Cr+
M
And which city are you in?
9:42 AM
Mumbai
Delhi NCR
Bangalore
Other...
M
1 — Chatbot Onboarding
9:42
●●●
←
M
MIA
My Intelligent Analyst
M
What are you saving for, Arjun?
🏖
Retirement
🚗
Dream Car
🎓
Education
🏠
Home
✈️
Travel
Dream Car
9:42 AM
M
Great choice! How much is your dream car worth?
₹25,00,000
Amount
₹25L
₹10L ₹1Cr
M
When do you want to buy it?
9:43 AM
1 year
2 years
3 years
5+ years
70%
Invest ₹48K/month via SIP
₹25L target by Dec 2028
2 — Goal Creation
9:44
●●●
←
M
MIA
My Intelligent Analyst
M
Educational
Let's calculate your SIP returns!
SIP Calculator
Monthly
₹25K
Duration
10 yrs
Return
12%
M
Here are your projected returns:
Expected Invested
Invested ₹30,00,000
Expected ₹58,07,000
Wealth Gain ₹28,07,000 (1.93x)
Start this SIP →
Try different amount
EMI Calculator
3 — SIP Calculator
10:15
●●●
←
M
MIA
My Intelligent Analyst
M
Personalized Advice
I noticed something about your portfolio, Arjun.
⚖️ Your equity allocation is at 65%, but target is 60%
Current
65%
Target
60%
M
Want me to suggest a rebalance?
10:15 AM
Yes, show me
Not now
Why does this matter?
Yes, show me
10:16 AM
M
Here's my suggestion:
Rebalance Suggestion
Move ₹4.5L from equity → debt
Sell
Axis Small Cap Fund
₹4,50,000
Buy
HDFC Short Term Debt
₹4,50,000
4 — Portfolio Insight
10:22
●●●
←
M
MIA
My Intelligent Analyst
M
Let's check if you're adequately protected.
M
How many people depend on you financially?
Just me
Spouse
Spouse + 1 kid
Spouse + 2 kids
M
Do you have existing life insurance?
Yes, ₹50L
Yes, ₹1Cr+
No
Not sure
Yes, ₹50L
10:23 AM
Coverage Analysis
33%
Recommended ₹1.5 Cr
Existing ₹50L
Gap ₹1.0 Cr
M
I'd recommend a term plan to bridge this gap. A pure term insurance at your age would cost around ₹12K/year for ₹1Cr cover.
10:24 AM
Book Expert Consultation
Tell me more
Later
Powered by Ditto Insurance
5 — Insurance Assessment
10:30
●●●
←
M
MIA
My Intelligent Analyst
M
Personalized Advice
Based on your BYLD Score (73/100), here's what I recommend:
Recommended
BYLD Wealth
Fee-Only Advisory
From ₹3,650/yr
BYLD Capital
Product Marketplace
Free to use
M
For your goals and risk profile, BYLD Wealth Edge would give you:
  • Direct plans (lower expense ratio)
  • AI + Human advisory blend
  • Saves ~₹45K/year in commissions
Tell me more
Compare all plans
Choose Wealth →
Compare all plans
10:31 AM
BYLD One
₹3,650
Edge
₹18,250
Legacy
₹36,500
Direct Plans
✓
✓
AI Advisory
✓
✓
—
Human Advisor
✓
—
—
Family Office
—
Tax Filing
✓
Basic Reports
Full Analytics
White Glove
6 — Service Model Selection
Chatbot Flows — Dev Handoff
Glassmorphism
bgrgba(255,255,255,0.03)
bg-strongrgba(255,255,255,0.10)
blurblur(20px)
borderrgba(255,255,255,0.06)
border-strongrgba(255,255,255,0.10)
Animations
shimmer3s ease-in-out infinite
fadeInUptranslateY(16px)→0, 0.4s
breatheglow 20→40px, 2s infinite
typingBounceY 0→-6px, 1.2s infinite
slideUptranslateY(20px)→0, 0.3s
ringDrawstroke-dash circumference→offset
chipPopscale 0.9→1.03→1, 0.3s
sliderThumbPulsering 4→8px, 2s infinite
gaugeNeedlerotate -90→angle, 1s ease
cardSlideIntranslateX(30px)→0, 0.4s
notifSlideUptranslateY(40px) scale(0.95)→1, 0.5s
Typography
page-h1Playfair Display 700 36px
chat-headingPlayfair Display 700 26px
section-headMontserrat 700 16px
label-capsMontserrat 600 11px ls 0.05em
chat-bubbleCalibri / Segoe UI 14px
mono valuesJetBrains Mono 400
Spacing
pagepadding: 48px 0
trackpadding: 0 48px 32px
screen-gap32px
screen-bodypadding: 0 24px 28px
phone402 × 874px · r44px
status-barpadding: 14px 24px 4px
Colors
gold#C49A3C
gold-hi#E0C17A
gold-dk#9B7A2F
screen-bg#0A0A0A
success#16A34A
error#DC2626
warning#F59E0B
Reduced Motion
all animationsduration → 0.01ms
all transitionsduration → 0.01ms
iteration-count→ 1
typingBouncedots stop bouncing
ringDraw / gaugesnaps to final position