Scroll to explore

Role

Design Director

Year

2025 — present

Category

Brand · Product

Sector

DeFi / Fintech

01Overview
Client
Dimes
Disciplines
Brand Identity
Product Design
Design System
Duration
17 months

Dimes is a DeFi embedded credit infrastructure that reinvents how everyday users power their on-chain finances. As Design Director, I led creative direction across product, brand, and marketing — building the full design system from the ground up. Identity, UI, dashboards, mascot, motion design. Delivery also included custom Claude Skills and trained LoRAs to make the system self-sufficient and scalable beyond anyone's direct involvement.

The brief was simple: make a financial product that feels neither sterile bank nor cold crypto exchange. We built a system around one acid-yellow accent, a single distinctive typeface, and a one-of-a-kind mascot that humanizes the interface.

02Typography
Bai
Jamjuree
Family

Bai Jamjuree

Designer

Cadson Demak

Classification

Geometric Sans

Weights in use

200 / 400 / 500 / 600 /700

200
Decentralized finance, made human.
Extralight
300
Decentralized finance, made human.
Light
400
Decentralized finance, made human.
Regular
500
Decentralized finance, made human.
Medium
600
Decentralized finance, made human.
SemiBold
700
Decentralized finance, made human.
Bold
03Logo

The mark.

D Letterforms. Coin stacks. Subtractive shapes. The mascot hand — hundreds of routes explored, distilled into a single mark designed to be recognized in a glance.

Logo iteration grid
Exploration 100+ directions explored
04Color System
Primary 01 / 02
Acid
Yellow
HEX#EEFF00
RGB238 · 255 · 0
CMYK7 · 0 · 100 · 0
RoleAccent · CTA
Primary 02 / 02
Charcoal
Black
HEX#191919
RGB25 · 25 · 25
CMYK0 · 0 · 0 · 90
RoleBackground

Supporting palette

Used sparingly · UI states only
White
#FFFFFF
Positive Green
#44FF97
Critical Red
#E05252
Watch Orange
#F5A623
05The Mascot

The Dimes
Hands.

A character that humanizes a category not known for warmth. The Hands carry the brand into stories, concepts, and product milestones.

06The Website

dimes.fi

Built to capture Dimes' DNA and tell every potential partner what we're about, in one scroll. See it live →

dimes.fi
07Tools & Automation

Brand as
infrastructure.

AI-readable brand infrastructure — built so any model can produce on-brand Dimes output from a single skill load. The brand system isn't a PDF; it's code.

dimes-brand.skill
dimes-brand/
├── 📄 SKILL.md — router · quick ref · logo · color tokens
└── 📁 references/
├──
📄 copy.md
voice · headlines · CTAs · social posts · error states · microcopy rules
├──
📄 mascot.md
LoRA trigger word · Flux base model · poses · partner collabs · product context
Krea (weight 0.8) primary · Gemini secondary
├──
📄 ui-components.md
React · Bai Jamjuree · dark theme · glow cards · popup windows · sliders · dashboard tiles
└──
📄 products.md
Multiply · Firepower · Stream · CLI · per-product messaging · feature framing
08Details

In the weeds.

Hover states, micro-interactions, and component logic that prove the system was designed, not composed.

4-card grid · corner-radius geometry · per-quadrant gradient border · center logo sync
Firepower extension · idle ring pulse · ambient yellow glow
Hero CTA · halo bloom · shimmer pass · arrow pulse
Closing CTA · 5-layer glow stack · 8 staggered echo rings
09Mobile

Pocket
sized.

The system scales down without losing presence. Acid yellow holds attention at any size.

Mobile · Landing
Mobile · Trade
Mobile · Portfolio

Brand systems
that scale themselves.

Want this for your team?