Booting engine 0%
Back to work
GLYPH
Start a project

KAI RO

BTC 64,820 ▲ 2.4% ETH 3,410 ▲ 1.1% SOL 172.5 ▼ 0.6% LIVE
SIGNAL · LONG
Confidence92.4%
Exposure0.42
Sharpe3.1

The market has a rhythm. KAIRO hears it first.

Scroll to enter
The brief

An autonomous trading intelligence that looked like a research lab, but needed to feel like a co-pilot you trust.

Brief · manifest
Client
KAIRO Labs
Sector
AI · Quant fintech
Year
2025 — 2026
Engagement
12 weeks
Team
1 strategist · 2 designers · 1 motion
Scope
Brand strategyIdentityDesign systemProduct UIMotion
01
The challenge

Quant products drown in charts and jargon. KAIRO had a brilliant engine and zero visual language — every screen felt like a different company.

Our job: turn a black-box algorithm into a calm, legible, confident presence — one system that speaks the same language from the pitch deck to the live trading terminal.

kairo · terminalLIVE
◧ Overview◈ Signals⚑ Risk
Equity$1.284M+18.6%
Sharpe3.1healthy
RiskLow1.4× lev
LONG ETH breakout · 92% confidence
After — KAIRO system
TRADEBOT_v2 :: node4 :: PNL_MONITOR  [F5=refresh] [ESC=kill]
SYMPOSPNL%RISK
BTCUSD+1.2+2.41HI
ETHUSD-0.4-0.63MED
SOLUSD+3.1+5.10HI
DOGE-12.-8.22CRIT
XRPUSD+0.2+0.04LOW
ADAUSD-1.1-1.90MED
LINKUSD+0.8+1.12MED
AVAX-2.3-3.05HI
MATIC+1.6+0.88LOW
DOTUSD-0.7-1.24MED
EQ=1284003.22
DD=-4.11%  LEV=1.42x
VAR95=2.2  SHRP=3.1
sig[LONG]  eth  conf=0.924
sig[SHORT] doge conf=0.55
sig[LONG]  sol  conf=0.778
>> ALERT: margin risk!!
>> feed lag 420ms
>> node4 mem 91% ??
>> retry x3 failed
>> recalc... recalc...
>> _
BTC 64820 ETH 3410 SOL 172.5 DOGE 0.14 XRP 0.52 ADA 0.38 :: buy sell buy sell hold buy sell ::
Before — legacy tool
The principle

Co-pilot,
not oracle.

KAIRO never says “trust me.” Every signal ships with the reasoning behind it — and that single sentence drove every design decision that follows.

02 — Process

Twelve weeks, four bets.

How a black-box algorithm became a brand — the schedule, the dead ends, and the artifacts that survived.

  1. Wk 1–2Strategy

    Founder interviews, positioning, the co-pilot principle.

  2. Wk 3–5Identity

    Mark explorations, the Aurora gradient, type pairing.

  3. Wk 6–9System

    Tokens, 60+ components, motion primitives, docs.

  4. Wk 10–12Product

    Terminal UI, pitch deck, launch asset kit.

Monogram — generic fintech
Waveform — reads as audio
Candle K — too literal
Signal fork — kept
Mark explorations3 killed · 1 kept
Display · 64 / 1.02Markets, quietly read.
Text · 17 / 1.55Dense data, written like a calm sentence — never a warning.
Mono · 13 / 1.4conf=0.924 · sharpe 3.1 · lev 1.4×
Type scale1.25 modular
  • signal/up#34D399
  • signal/down#FB7185
  • accent/data#22D3EE
  • surface/glassα .07
  • brand/auroragradient
  • radius/card22px
  • space/base4pt
  • motion/swift160ms
tokens.jsonexcerpt · v1.4
03 — Visual language

One gradient. A whole personality.

Aurora #6D5EF6 → #22D3EE → #34D399
Aa

Clash Display

Satoshi

IBM Plex Mono · data

Type systemDisplay · Text · Mono
  • Precise
  • Calm
  • Confident
  • Human
Voice & toneCo-pilot, not oracle
04 — Design system

Tokens in. Product out.

A single source of truth — from color and space to the components the engineers ship.

Color tokens

Semantic aliases — signal/up, signal/down, surface/glass — themed for dark by default.

48 tokens

Spatial system

A 4-pt base scale with fluid clamps, so the terminal breathes from watch to wall display.

4 → 96 pt

Components

Charts, signal cards, order tickets — 60+ components, coded in React, documented in Storybook.

60+ parts

Motion tokens

Named easings and durations so a hover on the marketing site and a fill in the terminal feel identical.

12 curves

Glass & glow

A layered elevation model — blur, tint and edge-light — that keeps data readable over the live gradient.

5 layers

Code hand-off

Tokens exported to CSS vars, Tailwind and iOS — one tokens.json, zero drift.

3 targets
The system in practice storybook · signal-card · v1.4
LONGETH/USDT92.4%
LONGETH/USDT92.4%
SHORTDOGE/USDT61.0%
default·focused·critical
Motion spec
  • swift · 160ms tap, toggle
  • settle · 420ms panel, card
  • drift · 1.2s ambient, glow
05 — The product

The terminal, alive.

kairo · overviewLIVE
Equity$1.284M+18.6%
Today+$12,840+1.02%
Win rate68%1yr
Sharpe3.1healthy
01 Command deck — every position, signal & risk metric in one calm surface.
kairo · signals
LONGETH/USDT92.4%
SHORTDOGE/USDT61.0%
LONGSOL/USDT77.8%
LONGBTC/USDT70.2%
LONGETH / USDT92.4%

Momentum breakout confirmed across 3 timeframes. Volatility regime: expanding.

Entry3,410Target3,690Stop3,318
Order-flow imbalance +2.3σ, funding neutral, on-chain accumulation rising.
Explained by KAIRO · view full trace
02 Signals — ranked calls, each with the reasoning the model used to get there.
kairo · risk
RiskLow
  • Leverage 1.4×
  • Corr. cluster 0.31
  • VaR 95% 2.2%
  • Beta 0.42
Correlation matrix
03 Risk monitor — leverage, correlation & VaR, watched in real time so nothing runs hot.
kairo · backtest
2019 — 2026 · walk-forward+412% net
CAGR29.4%
Max DD−11.2%
Sharpe2.8
Sortino3.6
Trades4,182
Win64%
04 Backtest — seven years of walk-forward, every metric legible at a glance.
01 / 04 · Command deck
06 — The engine

Six systems, one language.

Scroll through — or click any node. The whole identity holds together across every layer of the machine.

KAIRO
07 — Launch

The identity, out in the wild.

The same system, unchanged, from the investor deck to the app store.

The market has a rhythm.
KAIRO hears it first.

Seed deck · 01 / 18
Pitch deck — title slide
App icon — iOS
Launch banner — social
08 — Hand-off

Everything ships. Nothing drifts.

No vanity numbers — the twelve-week delivery manifest, versioned, documented and handed to engineering.

kairo · handoff · wk_12SHIPPED
  • tokens.jsonv1.4 · 48 tokens · 3 targets
  • storybook60+ components · react
  • terminal-ui4 core screens · dark-first
  • brand-bookmark · voice · motion, 52 pp
  • pitch-deck18 slides · one system
  • launch-kitapp icon · og · social
  • >> handoff complete_
✓ on time 0 Weeks, brief to hand-off strategy · identity · system · product
✓ one source 0 Design tokens one tokens.json · css, tailwind, ios
✓ in code 0 Components built react · documented in storybook
✓ on brand 0 Gradient — the whole personality aurora · an event, not a wash

Explained by GLYPH “One method, end to end. Strategy, tokens, terminal: this is the exact process we run on live products.” GLYPH · case notes · wk 12

Your product, next

We build the visual language
your product speaks fluently.

From brand strategy to production-ready design system — one team, one process.

Start a project Get a free visual audit · currently booking Q4 2026
Next project →
瞳枢科技 · TONGSHU AI

Biometric identity platform · Full Visual System