Kronos Capital  ·  Design System

Design System
Charte 02

Every token, component and pattern of the Kronos Capital interface.

Explore Typography
Preview — Specimen
Kronos Capital
PerformanceStrategyTeam
Request Access

Algorithmic fund  ·  Selective access  ·  Since 2022

Discipline compounds
daily.

Long-only strategy, mean-reversion model on crypto and liquid FX. Backtested and live since January 2022.

Request Access Performance
+53.2%
CAGR
−9.8%
Max DD
3.1×
Sharpe
5 Yrs
Track Record
01 / Colors

Color Palette

Dark: absolute black canvas. Light: ivory canvas. Green, gold and red reserved for data.

Surfaces — dark mode
#000000
Absolute Black
Page · hero · nav
#181818
Dark Iron
Footer · deep sections
#202020
Charcoal
Cards · panels
#313131
Shadow
Borders · dividers
Surfaces — light mode
#F8F6F1
Ivory
Page principale
#EBE9E0
Parchment
Surfaces secondaires
#FFFFFF
White
Cards · panels
#2C2C28
Warm Ink
Primary text
Accents
#3860BE
Accent
CTA · accent principal
#2448A0
Accent Hover
Hover · pressed state
Data — semantic
#4db250
Kronos Green
Performance + · gains
#296EF9
Kronos Gold
Sharpe · italique · KPI neutre
#ec5042
Kronos Red
Drawdown · losses
#7D7D7D
Ash
Secondary text · metadata
02 / Typography

Type Scale

"Helvetica Now" for all text. Helvetica Now for data values.

Display-XXL
110px · 500 · 0.85 · -5.5px · "Helvetica Now"
Build better.
Display-XL
85px · 500 · 0.95 · -4.25px · "Helvetica Now"
Never start from scratch
Display-LG
62px · 500 · 1.00 · -3.1px · "Helvetica Now"
Scale without switching tools
Display-MD
32px · 500 · 1.13 · -1.0px · "Helvetica Now"
Powering ambitious teams worldwide
Headline
22px · 700 · 1.20 · -0.8px · "Helvetica Now"
Pricing tier headlines
Subhead
24px · 400 · 1.30 · -0.01px · "Helvetica Now"
Lead body next to display headlines
Body-LG
18px · 400 · 1.30 · -0.18px · "Helvetica Now"
Hero subhead, lead paragraphs
Body
15px · 400 · 1.30 · -0.15px · "Helvetica Now"
Default body — precise tracking for a bespoke voice.
Body-SM
14px · 500 · 1.40 · -0.14px · "Helvetica Now"
Pricing comparison rows, dense data
Caption
13px · 500 · 1.20 · -0.13px · "Helvetica Now"
Eyebrow caption
Micro
12px · 400 · 1.20 · -0.12px · "Helvetica Now"
Disclaimer / footnote micro text
Button
14px · 500 · 1.0 · -0.14px · "Helvetica Now"
Get started for free
Data
"Helvetica Now" · 500 · 32px
+53.4%
−9.8%
3.1×
Specimen
Kronos Capital
PerformanceStrategyTeam
Request Access

Algorithmic fund  ·  Selective access  ·  Since 2022

Discipline compounds
daily.

Long-only strategy, mean-reversion model on crypto and liquid FX. Backtested and live since January 2022.

Request Access Performance
+53.2%
CAGR
−9.8%
Max DD
3.1×
Sharpe
5 Yrs
Track Record
03 / Buttons

Button System

Every button state documented. Accent drives the primary CTA — adapts to the active variant.

Button variants
Button-Primary Shop Now
Button-Primary-Pressed Shop Now
Button-Primary-Disabled Shop Now
Button-Ink Buy Now
Button-Outline (Accent) Compare
Button-Outline-Ink View
Category tabs
Category-Tab / Active
Badge pills
Badge-Pill-Ink
New Featured
Badge-Pill-Outline
In Stock Available
04 / Data Components

Stats & Performance

Helvetica Now for all data. Green for gains, red for losses, gold for neutral ratios.

KPI tiles
Annual Return
+53.2%
Max Drawdown
−9.8%
Sharpe Ratio
3.1×
Best Month
+10.0%
Monthly returns
Jan +2.4%
Feb +4.6%
Mar +1.0%
Apr +1.8%
May +8.2%
Jun +3.1%
Jul −0.4%
Aug +0.7%
Badges
● Live · Hyperliquid +53% CAGR 3.1 Sharpe −9.8% Max DD Verified · TradeZella
05 / Cards

Card Variants

Elevation by surface shift — no shadows. Featured card uses the accent color.

Strategy
Kronos Stocks
Momentum system on the most liquid US stocks. 24/5 execution via API.
Verified
Client A — 2024
Annual Return +51.2%
Active
All Weather
Diversified multi-asset system on equities, bonds and commodities.
Featured
Total Return
+827.2%
2021 – 2026 · Cumulative
06 / Forms

Form Elements

Sharp inputs. Focus state in accent color.

Request Access Cancel
07 / Border Radius

Sharp by Default

0px is the absolute rule. Only toggles use a pill radius.

0px
Default · all
2px
Badges
Pill
Toggle only
08 / Elevation

Depth by Surface

No shadows. Depth by surface color shift.

Level 0
#000 · Abyss
Page dark
Level 1
#181818 · Iron
Footer
Level 2
#202020 · Charcoal
Cards dark
Light
#F8F6F1 · Ivory
Page light

Kronos Capital  ·  Design System  ·  v2.0