Atlas
Design system
Atlas Styleguide
The tokens, type, and components behind Atlas — premium dark fintech, one confident accent.
Accent options
Three candidates were proposed; Electric Violet is the selected accent — distinctive against near-black and reads as institutional-AI.
Refined Violet
#6D4AFF
Selected accent
Emerald
#0F9D63
Alt — growth
Amber
#B0842A
Alt — caution
Surfaces & text
background
#faf9f7
card
#ffffff
muted
#f2f0ea
border
#eceae4
foreground
#1a1a22
muted-foreground
#6c6b74
Semantic (stance)
bullish
#0f9d63
bearish
#e0484d
neutral
#b0842a
Type scale
DisplayAtlas
Heading 1Reasoning you can verify
Heading 2Cross-asset intelligence
LeadOne portfolio, fully explained.
BodyAtlas reasons across tokenized stocks, crypto, and on-chain yield.
Mono0x9f3c…a1e7
Buttons
BadgeBullishBearishNeutral
Cards
Portfolio summary
Standard card surface
Cards use the elevated card surface with a subtle border and generous padding.
Reasoning receipt
Glass + accent border variant
hash 0x9f3c…a1e7 · model claude-sonnet-5
Confidence bar
Overall confidence82/100
Macro74/100
Sentiment38/100
Technical55/100
Compact90/100