PipelineIQ Design System
Visual language reference for AI-Powered Sales CRM
Color Palette
Background
#0F1117
Background Alt
#161923
Surface
#1C1F2E
Primary
#6366F1
Primary Light
#818CF8
Success
#22C55E
Warning
#F59E0B
Danger
#EF4444
Text Primary
#F1F5F9
Text Secondary
#94A3B8
Typography Scale
Display / 48px 700
$1.2M Pipeline
H1 / 28px 700
Dashboard Overview
H2 / 20px 600
Recent Activity
Body / 14px 400
Deal moved to Negotiation stage by Sarah Chen
Micro / 12px 500
Pipeline Value
Mono / 14px 500
$48,500.00
Buttons
Primary Action
Secondary Action
Ghost Action
Success Action
Danger Action
Stage Badges
Lead
Qualified
Proposal
Negotiation
Closed Won
Closed Lost
Signature: Luminous Edge Card
Pipeline Value
$1.24M
+12.5% vs last month
Cards
Standard Card
Surface #1C1F2E
Glass Card
Indigo-tinted glass
Border Radius
6px
8px
12px
16px
50%
Shadow (Brand-tinted)
Indigo glow
Deep shadow