AXON/Design System
← PlatformLanding

Colors

Background layers
T.bg
Page background
#08090A
T.surface
Cards, panels
#101112
T.elev
Elevated surfaces
#16181B
T.chip
Tags, avatars
#1A1C20
Borders
T.border
Default border
#22252A
T.borderStrong
Prominent border
#34373D
Text
T.text
Primary text
#F7F8F8
T.muted
Secondary text
#8A8F98
T.subtle
Placeholder/meta
#62666D
Accent (brand)
T.accent
Primary accent / CTA
#7B83EB
T.accentSoft
Accent background
#1F2243
T.accentInk
Text on accent
#FFFFFF
Semantic
T.positive
Buy / success / up
#4CB782
T.negative
Sell / error / down
#EB5757
T.info
Form 4, info states
#6CB6FF
T.warning
High cluster score
#F2C94C

Typography

Fonts
SANS
Inter
Weights: 300 400 500 600
Body text, UI labels, headings
MONO
JetBrains Mono
Weights: 400 500 600 700
Tickers, values, code, labels
Type scale
Hero H184px600wlh 1.02Hero H1
Section H244px600wlh 1.08Section H2
Card H322px600wlh 1.2Card H3
Page H128px600wlh 1.3Page H1
Body L19px400wlh 1.55Body L
Body M16px400wlh 1.55Body M
Body S13.5px400wlh 1.5Body S
Mono data13px600wlh 1.4Mono data
Label10.5px600wlh 1.4Label
Micro9.5px600wlh 1.4Micro

Logo marks

AXON
Pulse
The signal, fired
An axon discharging — flat baseline, spike, return.
AXON
Synapse
Source to signal
Two nodes with a transmission dot mid-flight.
AXON
Crosshair
Aimed, not opinionated
Bloomberg-discipline read. Center dot is the truth.
AXON
Diamond
Refined under pressure
Inverted square with center dot — high-conviction output.
AXON
Bracket
Terminal-native
[A] — the wordmark wearing terminal brackets.
AXON
Ladder
Stacked evidence
Three ascending strokes — the cluster signal.
AXON
Hex node
A node in the network
Hexagonal node with internal radii — AXON as a graph node.
AXON
Apex
Conviction, sharpened
Filled triangle with horizontal cut — direction + proof.
Wordmark construction
AXON
AXON
AXON
AXON

Icons

24×24 viewBox · strokeWidth=1.8–2.2 · Lucide-compatible geometry
search
chevron
chevronDown
arrow
lock
settings
check
external
bell
download
play
plus
menu
Sizes in use
9
10
11
12
13
14
16
18
20

Buttons

Accent (primary CTA)
btnAccent — landing CTAs, run actions
Solid
btnSolid — primary in-app action
Ghost
btnGhost — secondary, cancel, export
Sizes
padding scales with context

Pills & Badges

Pill — tone variants
BUYSELLFORM 4STOCK ACTACTIVIST10b5-1● LIVE● SYNCED
Score badge — cluster confidence
87warning
74info
68info
61info
55muted
47muted
32muted
87large
Tier badge
LITEPROULTRA
Status indicator
LIVE
INGESTING
CLOSING
PAUSED

Data display

Tape row (Form 4 / Congressional)
TickerSourceInsiderSideAmount
NVDASEC
Jensen Huang
President & CEO
BUY
$7,025,000
May 20
LMTCONG
Sen. Jack Reed
Senator (D-RI)
BUY
$50k–100k
May 20
TSLASEC
Elon Musk
CEO & Technoking
SELL
$8,132,000
May 19
Sparkline
87
74
68
30
w=160
Terminal / command line
axon — operator.session
SYNCED
>/cluster NVDA

Forms

Text input
Placeholder text…
Active / focused state
Segmented control
Select
All sectors
Toggle
On
Off
Ticker chip input
NVDA ×META ×AMZN ×+
Keyboard shortcut
⌘KOpen terminal
ESCClose
↵Run query
↑↓Navigate

Layout

Page header
The Tape · live

Insider & congressional flow

Form 4 filings every 15 min, House Stock Watcher every 30 min. Every row links to its source filing.
Section label (used throughout data tables)
// Primary sourcesTickerSide · FormAmount / FiledCLUSTER SCORE
Card / surface hierarchy
bg — #08090APage background
surface — #101112Cards, modals
elev — #16181BTable headers, footers, elevated rows
chip — #1A1C20Tags, active nav items, avatars
Border radius scale
4px — micro
5px — badge
6px — pill
7px — btn sm
8px — input/btn
9px — btn lg
10px — card sm
12px — card
14px — modal
999 — circle/pill
Spacing tokens (padding scale)
4
6
8
10
12
14
16
18
20
22
24
28
32
40

Motion

axonBlink
Cursor in terminal command line
animation: axonBlink 1s steps(1) infinite
axonPulse
LIVE indicator dot
animation: axonPulse 2s ease-in-out infinite
progress bar
Lab backtest run progress
transition: width 280ms ease
toggle transition
Settings toggles
transition: left 120ms ease, background 120ms ease