MIA Avatar Redesign

Neural Bloom

We believe intelligence should feel alive — not mechanical. MIA is not a chatbot. She is a presence. A living golden organism where wealth intelligence blossoms, petal by petal, from the complexity of your financial world.

The lotus rises from muddy waters to bloom in perfect purity. In Indian tradition, Lakshmi — goddess of wealth — is seated upon it. MIA's form draws from this ancient symbol: intelligence emerging from complexity, wealth growing from the roots you've planted.

00 Emotional Intent What MIA should make you feel
🧢
Quietly Powerful
Restrained luxury. Nothing bounces or wobbles. Premium ease-in-out curves only.
🌿
Alive, Not Mechanical
Zyra principle: each petal sways independently. Ambient life even when idle.
💎
Precious, Not Flashy
Gold is a material metaphor — physical gold, wealth. Not decorative sparkle.
🏠
Warmth Within Darkness
Audacity pattern: exclusive but not cold. The iris creates human warmth.
01 Full Entity — Splash / Intro Screen 280 × 380px
Current
Neural Bloom
M

Design Rationale — Full Entity

Why bloom over face? The humanoid holographic face is technically impressive but risks the uncanny valley — especially at smaller sizes where features become indistinct. The bloom is scale-proof: the luminous core reads at 28px, the petal ring reads at 44px, and the full organism unfurls at 380px. No visual information is "lost" at any size.

Zyra DNA — layered complexity: 11 visual layers (field → neural paths → orbits → filaments → petals → inner ring → core → iris → spores) create the same depth as Zyra's character design (body → vines → thorns → particles → ability effects → ambient glow). Each layer has independent animation timing, so nothing feels synchronized or mechanical.

Restraint as luxury: Animation amplitudes are deliberately small (1-3deg rotation, 2-3px translation). Nothing overshoots. This follows Audacity's voice — "quietly powerful" — where confidence comes from precision, not spectacle.

11 layers · 6 inner petals + 6 outer petals · 8 filaments · 6 spores · GPU-accelerated (transform/opacity only)
02 Header Mark — Chat Screen 44px
Current
M
MIA
Online · Your AI Analyst
M
Good evening! Your portfolio is up 2.3% this week.
Neural Bloom
M
MIA
Online · Your AI Analyst
M
Good evening! Your portfolio is up 2.3% this week.

Signature Detail — Conic Gradient Petal Shimmer

The header and inline marks use a rotating conic-gradient around the border — a subtle luminous shimmer that makes the avatar feel like a cut gemstone catching light. No other AI avatar (ChatGPT, Claude, Perplexity, CRED) uses this technique. At 44px, it gives MIA an unmistakable identity without needing complex internal detail.

The shimmer is masked to only appear outside the core (using radial-gradient mask), creating a clean boundary between the mark's interior and the ambient petal light.

03 Inline Avatar — Message Rows 28px
Current
M
Based on your risk profile, I'd recommend a 60/40 equity-debt split.
M
Your tax-loss harvesting opportunity this quarter is approx. ₹1.2L.
Neural Bloom
M
Based on your risk profile, I'd recommend a 60/40 equity-debt split.
M
Your tax-loss harvesting opportunity this quarter is approx. ₹1.2L.
04 Construction — Scale System How the bloom simplifies across sizes
M

Full (280px)

All 11 layers visible. Petals, filaments, orbits, neural paths, spores.

M

Header (44px)

Core + orbit ring + conic shimmer + status dot. 4 layers. Petal shimmer replaces physical petals.

M

Inline (28px)

Core + conic shimmer + status dot. 3 layers. Shimmer border = the petal signature at minimum.

Intentional Simplification

Following Dharam's logo construction principle — every variant is designed, not cropped. The full entity isn't "shrunk" to 28px. Instead, each size is a purposeful reduction: petals become the conic shimmer, the iris becomes the M letter glow, filaments become the pulsing border. The visual DNA is preserved but the expression changes.

This mirrors how Audacity's logo has distinct symbol-only and full-logo variants — each designed for its context, sharing DNA but not geometry.

05 Markets Mode — Green Variant All 3 sizes
Markets · Full Entity
M
Markets · Chat Context
M
MIA
Markets Mode · Live
M
NIFTY is up 1.8% — your equity allocation is outperforming benchmarks.
M
Reliance Q4 results beat estimates. I've flagged 3 portfolio impacts.

Why Green Bloom Works

In gold mode, the bloom is a metaphorical lotus — wealth as precious metal. In green mode, the metaphor becomes literal: a living plant organism, market growth as organic growth. The Zyra connection is strongest here — green petals, vine-like filaments, ascending spores as nature thriving. This dual reading gives the avatar conceptual depth across both product modes.

06 Animation States Idle vs Thinking
Idle
M
M
Slow breathing (3.5s), gentle petal sway (5-6s),
lazy orbit (22s rotation), occasional spore drift
Thinking
M
M
Energized pulsing (2.5s), brightness shifts,
accelerated spores — like Zyra's ability cast

Animation Philosophy

Idle = Zyra's idle stance. Everything moves, but slowly and independently. The bloom breathes. Petals sway at different rates (5.3s to 6.2s) because real organisms don't synchronize. Filaments drift with unique timing (4-6s per tendril). Spores rise and dissolve over 5-7 seconds.

Thinking = Zyra casting. The core pulses faster and brighter. Spores accelerate. But the movement is still smooth — energized, not frantic. The metaphor: intelligence intensifying, the bloom drawing energy inward before expanding.

Performance: All animations use only transform and opacity — GPU-composited properties. No layout or paint triggers. will-change is avoided to prevent layer explosion; the browser naturally promotes animated elements. Respects prefers-reduced-motion.

07 Design References Inspiration from Dharam's projects

Zyra AI

by Dharam · Insurance AI
Key Patterns
  • Photorealistic Indian female avatar with purple gradient aura
  • 3 states: Idle (calm), Processing (subtle animation), Speaking (active)
  • Chat/Talk dual mode toggle — large centered avatar for Talk, small inline for Chat
  • White/light background, purple brand (#7C3AED)
  • Urbanist font, clean minimal layout
What MIA borrows

The avatar state system (idle/processing/speaking) maps directly to Neural Bloom's breathing, thinking, and speaking animations. The dual-mode pattern (large vs inline) inspired our 3-size scale system.

Audacity

by Dharam · Wealth AI, UK
Key Patterns
  • Dark background (#0A0A0A) with warm amber/gold gradients — closest to BYLD
  • Glowing golden circular orb (abstract, not a face)
  • "How can I help you today?" large serif centered, chat/voice tabs
  • Warm amber gradient AI bubble messages
  • Quick chips: "Buy a Property", "Market Back-up"
What MIA borrows

The golden orb + amber chat bubbles is the closest reference to MIA's visual identity. Neural Bloom's luminous core, gold palette, and warm bubble borders come directly from Audacity's design language.

Stable Money

by Dharam · FD Platform, India
AAA+
₹35Cr
20+ yrs
Popular Tax-saving Recommended
Key Patterns
  • Light cream (#FFFEFA) with dark cards, indigo/blue brand
  • No AI avatar — uses analysis cards instead
  • Trust signals via "Stable Money Analysis" cards with checkmarks
  • Chip-based navigation (Popular/Tax-saving/Recommended)
  • Indian fintech trust-building through data cards
What MIA borrows

The trust signal pattern — MIA should incorporate similar data-credibility cards (ratings, track records, verification badges) to build trust the Indian fintech way, alongside the conversational AI interface.

Synthesis — How Neural Bloom Combines All Three

From Zyra AI

Avatar state system (idle / processing / speaking), dual-mode size adaptation, the principle that AI should feel alive even when idle

From Audacity

Golden orb as the core identity, amber gradient chat bubbles, dark-theme luxury aesthetic, "quietly powerful" voice — the closest DNA match

From Stable Money

Trust signal patterns (verification checkmarks, data cards, credibility badges) adapted for Indian HNI wealth management context