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

  1. 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.

  1. Elegance Meets Trust

The serif typeface lends heritage and credibility, evoking the authority of timeless institutions, while softened edges keep it warm and approachable.

  1. 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

Premium, frictionless experiences that build trust through clarity, speed, and elegance - with intuitive flows, delightful moments, and a calm, second-nature interface.

Premium, frictionless experiences that build trust through clarity, speed, and elegance - with intuitive flows, delightful moments, and a calm, second-nature interface.

Principles of design

  1. Transparency / Zero Dark Patterns

Build trust by respecting user intent. Every interaction should be transparent, consent-driven, and user-first - never manipulative.

  1. 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.

  1. 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

  1. Fast & Fluid

Every action should feel instant, smooth, and rewarding. Optimize for performance, snappy transitions, and delightful micro-interactions.

  1. 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

  1. Motion builds trust, never deceives

No fake urgency or misleading transitions

  1. Clarity over flair

Calm & minimal, no unnecessary flash or bounce

  1. Re-inforce flow, not friction

Consistent patterns, Predictable motion to

support muscle memory

Motion design

  1. Speed is substance

Instant + smooth transitions, Optimized responsiveness

  1. Crafted to feel premium

Motion as brand quality signal

  1. Motion enhances comprehension

Directional motion clarifies hierarchy

Product UI

Create a free website with Framer, the website builder loved by startups, designers and agencies.