
Design leadership
Design, Founders
4 Designers
Why we did this
CapMint competes in one of the noisiest corners of Indian fintech, where most F&O brokers converge on the same playbook: bright alerts, gamified streaks, urgency-driven copy - UI built to chase engagement over trust. As CapMint's product and design team scaled fast across onboarding, KYC, orders, payments, and referrals, that fragmentation started showing up internally too - every screen quietly reinventing its own type, icons, and tone.
That's a real risk in F&O, where a trader moving real money notices inconsistency instantly, and it reads as a lack of care. So this exercise wasn't about building a brand book, it was about answering one question: what does it feel like to trust CapMint with your capital, and how does every pixel build that instead of spending it? What follows is the system that came out of that question - logo, principles, typography, icons, illustration, motion, and layout built so every future flow inherits the same foundation.
Every trader remembers the moment they stopped guessing and started trusting their own read on the market. CapMint is built for that moment - and for the focus it takes to get there.
The best traders don't chase every move, they anticipate. CapMint is designed to support that focus: clear information, fast execution, and an interface that stays out of the way so attention stays on the trade, not the app.
That's the thesis behind CapMint - every design decision sharpens a trader's judgment instead of distracting from it.
About


Logo
The Power of M
Every trader remembers the moment they stopped guessing and started trusting their own read on the market. CapMint is built for that moment - and for the focus it takes to get there.
Elegance Meets Trust
The serif typeface lends heritage and credibility, evoking the authority of timeless institutions, while softened edges keep it warm and approachable.
A Signature Hue
The deep brown tone grounds the brand in earthiness and stability. While many chase attention with bright colors, CapMint chooses warmth and subtlety, making the brand stand out by standing apart.
Design vision

Principles of design
Transparency / Zero Dark Patterns
Build trust by respecting user intent. Every interaction should be transparent, consent-driven, and user-first - never manipulative.
Clarity, Minimal, Calm & Clean
Show only what matters. Remove the rest. Use whitespace, clear hierarchy, and purposeful content to keep users focused and stress-free.
Muscle Memory First
Design for flow, not friction. Keep patterns consistent across the experience. Let power users master shortcuts while keeping onboarding intuitive for newcomers.

Principles of design
Fast & Fluid
Every action should feel instant, smooth, and rewarding. Optimize for performance, snappy transitions, and delightful micro-interactions.
Premium Distinction
Make every detail feel crafted. Use high-end visual design, elegant motion, and refined UI choices to create brand recall and a sense of trust and sophistication.
Primitive colors


Primary
Colors/Brown/80
#3D3431
rgba(61, 52, 49, 100%)
Secondary
Colors/Brown/70
#736A65
rgba(115, 106, 101, 100%)
Disabled
Colors/Brown/30
#AB9F99
rgba(171, 159, 153, 100%)
Primary-inverse
Colors/Brown/White
#F0EDE7
rgba(240, 237, 231, 100%)
Negative
Colors/Red/50
#C14141
rgba(193, 65, 65, 100%)
Positive
Colors/Green/60
#3A926C
rgba(58, 146, 108, 100%)
Alert
Colors/Orange/60
#D76013
rgba(215, 96, 19, 100%)
Info
#3577DB
rgba(53, 119, 219, 100%)
Icon
Colors/Pink/40
#846E72
rgba(132, 110, 114, 100%)
Purple
Colors/Purple/60
#926E9E
rgba(146, 186, 134, 100%)
Yellow
Colors/Yellow/50
#EEBB26
rgba(236, 68, 68, 100%)
Typography
Capmint custom (Fraunces)
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Aa
Semibold
Font weight: 600
Aa
Medium
Font weight: 500
Aa
Semibold italic
Font weight: 600
Aa
Light italic
Font weight: 300
Geist
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Aa
Regular
Font weight: 400
Aa
Medium
Font weight: 500
Aa
Semibold
Font weight: 600
Visual design

Iconography
Precision-crafted icons for clarity, trust, and premium experiences.
Every icon communicates at a glance.
Consistency across sizes, uses, and platforms.
A visual style built for premium interactions.
Visual design
Illustrations
Capmint illustrations use warm gradients, soft glass-morphism, and friendly minimalism to convey clarity and trust.
Crafted with precise light, shadow, and depth for a premium finish.

Motion design
Principles of motion
Motion builds trust, never deceives
No fake urgency or misleading transitions
Clarity over flair
Calm & minimal, no unnecessary flash or bounce
Re-inforce flow, not friction
Consistent patterns, Predictable motion to
support muscle memory
Motion design
Speed is substance
Instant + smooth transitions, Optimized responsiveness
Crafted to feel premium
Motion as brand quality signal
Motion enhances comprehension
Directional motion clarifies hierarchy
