Fintech Light
Trust-oriented design system for fintech dashboards with data-dense layouts
fintechv1.0.031 tokens6 components
Colors12 tokens
accent#7C3AED
background#F8FAFC
chart-1#3B82F6
chart-2#10B981
negative#DC2626
positive#16A34A
primary#1E40AF
primary-hover#1D4ED8
secondary#0F766E
surface#FFFFFF
text-primary#0F172A
text-secondary#475569
Text on background sample
Background: #F8FAFC · Text: #0F172A
Typography3 tokens
Aa
bodyInterAa
headingInterAa
monoIBM Plex MonoThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. How vexingly quick daft zebras jump.
Border Radius4 tokens
full9999px
lg8px
md6px
sm4px
Shadows3 tokens
lg
md
sm
Elevation3 tokens
high
low
mid
Spacing6 tokens
lg16px
md12px
sm8px
xl24px
xs4px
xxl32px