Back to app
InsideEdge · Design System
v0.4 · 2026-05-23

Design System.

Navy palette. Brand-owned marks (no generic icons in the spots that matter). Phantom-style charts. Tokens live in web/design-system/tokens.css; components are canonical in web/components/.

01

Color

Background hierarchy
bg-0
#0A0B0F
Page
bg-1
#11131A
Topbar / sidebar
bg-2
#1A1D27
Card / surface
bg-3
#252935
Hover / pill
bg-4
#2F343F
Active
Foreground · text
Aa
fg-0
#FFFFFF
Headlines
Aa
fg-1
#E8EAED
Body
Aa
fg-2
#B0B6BE
Subdued
Aa
fg-3
#7A828C
Meta / labels
Aa
fg-4
#4A515B
Disabled
Brand · navy
brand-deep
#0E1F4A
Gradient floor
brand
#1A3573
Primary navy
brand-bright
#3D6CE0
Accent / solid fill
brand-sky
#5B85E8
Highlight text
gradient-brand
Primary CTAs, brand mark
gradient-brand-soft
Card backgrounds, soft panels
Semantic
bull
#10D981
Buy / positive
bear
#FF3B57
Sell / negative
premium
#FFB627
Pro / paid
info
#5B85E8
Neutral info
02

Typography

display · 48px
Display heading
3xl · 32px
Section title
2xl · 24px
Subsection heading
xl · 20px
Card title
lg · 17px
Lead paragraph for emphasis
base · 14px
Body text — the workhorse size for paragraphs and most UI.
sm · 12px
Meta / secondary information
xs · 11px
LABEL TRACKING-CAPS
Numeric · mono · tabular
Price
$47.83
Score
72
Net 14d
+$1.2M
Change
−4.18%
03

Primitives

Spacing · 4px scale
4
8
12
16
20
24
32
40
48
Radii
sm
md
lg
xl
2xl
full
Elevation · shadow + glow
shadow-card
Default surface
glow-brand
Active / new
glow-premium
Pro tier
04

Brand marks

Brand-owned SVG marks used wherever recognizability matters: Pro gates, live indicators, trigger types. We never use a generic free-icon lock or zap in those slots.

ProMark
Pro tier
PulseMark
New / live
SignalMark
Generic trigger
BuyMark
Open-market buy
ClusterMark
Cluster buy
CSuiteMark
C-suite buy
MomentumArrow
Inline trend
05

Components

Buttons
Pills & chips
728841 NewCluster buyC-suite buyNet buying 90dPS Pro
Input
Stat cards
Market cap
$2.4B
Float
84.2M
Short % float
22.1%
Net 14d
+$1.2M
Candidate card · canonical
Insider transactions table
DateTickerInsiderTitleCodeSharesPriceValue
2026-04-30LASELu Qing10% OwnerP27,000$0.7500$20.3K
2026-04-30CRWVSnyderman David J.CEOP8,500$142.30$1.21M
2026-04-29SYREBurrows Scott LCFOS5,000$32.10$160.5K
2026-04-29WULFPrager Paul B.CEOM981,162
2026-04-29CRWVSnyderman David J.CEOP4,200$141.05$592.4K
Pricing tier · Pro
Pro
Most popular
$29/ month

Every filing. Every trigger. Real time.

  • Real-time alerts
  • All 9 screening rules
  • Network graph
  • Telegram push
  • Order routing (never)
Pro gate · overlay pattern
Pro feature

Upgrade to unlock the full network graph.

Upgrade
06

Charts

One chart pattern: a smooth area line, a big abbreviated price headline, range tabs underneath, and a hover crosshair that pins the value at that point in time. Phantom and Robinhood do this and it works because it answers the one question every viewer is asking — “what’s the price, what was it, what changed”.

Hero chart · default 1M
CRWV · CoreWeave
$49.52
$0.2200 · +0.4%
1M
Hero chart · 1Y compact
Bull case
$49.52
$6.42 · +14.9%
1Y
07

3D assets

Activity Globe · react-globe.gl
Filings · last 24h
Live
Network graph · react-force-graph-3d
TickerInsiderInstitution