Design Review · 5 Directions

MedCaddy Design System

Five visual directions for MedCaddy. Same product, same intelligence, same foundation — different personality. Your choice defines the brand.

March 2026·Confidential·For Dr. Mohamed Elzein
✓ Locked

Foundation

Shared by all 5 directions. Research-backed. Does not change.

Background
#FAFBFC
#F3F4F8
#E2E5EC
Warm white. Reduces eye fatigue under fluorescent lighting.
Text
#12202BPrimary
#5C6B7ESecondary
#8E99ABTertiary
Navy, not black. Comfortable for 8-hour reading.
Safety
#1B7D5ASuccess
#B8860BWarning
#C0392BDanger only
Red is sacred — never decorative.
Typography
Plus Jakarta Sans
JetBrains Mono — codes
Cards 12px radius. Buttons 9px. Minimal shadows.

5 Directions

Each changes only the primary color. Everything else is shared.

↔ Compare

Side by side

All 5 directions at a glance.

A · SapphireB · TealC · SlateD · VerdantE · Indigo
Color#1A56DB#1A6B8A#3D4F6F#1A7A52#4338CA
PersonalityLexusTeslaRolexMayo ClinicApple
RiskVery LowLowLowLow-MedMedium
DifferentiationModerateHighHighVery HighVery High
FeelingPremium clinicalNext-gen medicineEnterprise luxuryBuilt by doctorsAI-first future
Best forMax trustEHR differentiationQuiet confidencePhysician identityInnovation signal
MedCaddy AI — Design System Review · March 2026 · Confidential

All five share the same foundation: warm white, navy text, reserved red, Plus Jakarta Sans.
The choice is personality — not quality. All five are premium.