SaaS Clean
Clean, professional SaaS design system with neutral tones and clear hierarchy
saasv1.0.031 tokens8 components
Colors12 tokens
accent#8B5CF6
background#FFFFFF
border#E5E7EB
error#EF4444
primary#3B82F6
primary-hover#2563EB
secondary#6B7280
success#10B981
surface#F9FAFB
text-primary#111827
text-secondary#6B7280
warning#F59E0B
Text on background sample
Background: #FFFFFF · Text: #111827
Typography3 tokens
Aa
bodyInterAa
headingInterAa
monoJetBrains 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
lg12px
md8px
sm4px
Shadows3 tokens
lg
md
sm
Elevation3 tokens
high
low
mid
Spacing6 tokens
lg24px
md16px
sm8px
xl32px
xs4px
xxl48px