Quote Builder Design System

Color Palettes

Professional Blue
Classic corporate feel with trust and reliability
Background
Surface
Border
Primary
Success
Background: #0f172a
Surface: #1e293b
Border: #334155
Primary: #0ea5e9
Success: #10b981
Modern Indigo
Contemporary tech feel with sophisticated depth
Background
Surface
Border
Primary
Success
Background: #0c0a1f
Surface: #1a1625
Border: #2d2438
Primary: #6366f1
Success: #22c55e
Warm Gray
Neutral and approachable with subtle warmth
Background
Surface
Border
Primary
Success
Background: #1c1917
Surface: #292524
Border: #44403c
Primary: #f59e0b
Success: #059669
Light Professional
Clean and bright with excellent readability
Background
Surface
Border
Primary
Success
Background: #f8fafc
Surface: #ffffff
Border: #e2e8f0
Primary: #3b82f6
Success: #10b981
Light Warm
Inviting light theme with subtle warmth
Background
Surface
Border
Primary
Success
Background: #fffbf5
Surface: #ffffff
Border: #f5f5f4
Primary: #ea580c
Success: #16a34a
Light Modern
Contemporary light theme with purple accents
Background
Surface
Border
Primary
Success
Background: #fafafa
Surface: #ffffff
Border: #e4e4e7
Primary: #8b5cf6
Success: #22c55e
Dark Teal
Sophisticated with calming teal accents
Background
Surface
Border
Primary
Success
Background: #0f1419
Surface: #1c2128
Border: #30363d
Primary: #06b6d4
Success: #14b8a6
Deep Purple
Rich, creative dark theme with vibrant accents
Background
Surface
Border
Primary
Success
Background: #1a0b2e
Surface: #2d1b4e
Border: #3e2465
Primary: #a855f7
Success: #34d399
Light Mint
Fresh, clean with soothing green undertones
Background
Surface
Border
Primary
Success
Background: #f0fdf4
Surface: #ffffff
Border: #dcfce7
Primary: #059669
Success: #0891b2
Light Rose
Elegant with subtle pink warmth
Background
Surface
Border
Primary
Success
Background: #fdf2f8
Surface: #ffffff
Border: #fce7f3
Primary: #e11d48
Success: #059669
Midnight Blue
Deep, professional with electric blue highlights
Background
Surface
Border
Primary
Success
Background: #020617
Surface: #0f172a
Border: #1e293b
Primary: #2563eb
Success: #16a34a

Typography Options

Inter
Modern, clean, optimized for UI
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
System Fonts
Native, fast-loading, familiar
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
Work Sans
Professional, slightly rounded
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
Poppins
Friendly, geometric, modern
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
DM Sans
Low contrast, high legibility
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
Source Sans Pro
Adobe's workhorse, excellent readability
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
Roboto
Google's Material Design font, versatile
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
Nunito Sans
Rounded, friendly, well-balanced
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
Lato
Humanist, serious yet friendly
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00
Plus Jakarta Sans
Modern, geometric, Indonesian-inspired
Quote Builder
Customer Management
Canon imageRUNNER ADVANCE C5560i
SKU: CAN-C5560i • Stock: 5
$5,995.00

Live Combinations

Professional Blue + Inter
Circle MSP Commission: $497.48
Product Catalog
Canon C5560i $5,995
Document Feeder $499
Quote Summary
Equipment Total $6,494.00
Monthly Payment $231.65
Modern Indigo + Work Sans
Circle MSP Commission: $497.48
Product Catalog
Canon C5560i $5,995
Document Feeder $499
Quote Summary
Equipment Total $6,494.00
Monthly Payment $231.65
Light Professional + Inter
Circle MSP Commission: $497.48
Product Catalog
Canon C5560i $5,995
Document Feeder $499
Quote Summary
Equipment Total $6,494.00
Monthly Payment $231.65
Warm Gray + DM Sans
Circle MSP Commission: $497.48
Product Catalog
Canon C5560i $5,995
Document Feeder $499
Quote Summary
Equipment Total $6,494.00
Monthly Payment $231.65
Light Warm + Poppins
Circle MSP Commission: $497.48
Product Catalog
Canon C5560i $5,995
Document Feeder $499
Quote Summary
Equipment Total $6,494.00
Monthly Payment $231.65
Light Modern + Source Sans Pro
Circle MSP Commission: $497.48
Product Catalog
Canon C5560i $5,995
Document Feeder $499
Quote Summary
Equipment Total $6,494.00
Monthly Payment $231.65

Recommendations

Top Combinations for Different Use Cases:

🏢 Corporate/Enterprise Feel:

Professional Blue + Inter - Clean, trustworthy, excellent readability

🚀 Modern Tech Startup:

Modern Indigo + Work Sans - Contemporary, sophisticated, developer-friendly

☀️ Approachable & Friendly:

Light Warm + Poppins - Inviting, readable, less intimidating

⚡ High Performance:

Light Professional + System Fonts - Fast loading, excellent performance, familiar

🎨 Creative & Unique:

Warm Gray + DM Sans - Distinctive, warm, great for long reading sessions