← Handeeman / Sharpie system
Styleguide
The hand-drawn Sharpie design system. Compare these against Handeeman Sharpie Wireframes.html — same tokens, fonts, and components. Dark admin app and light customer portal share one DNA.
Color palette
Charcoal — dark admin
charcoal-900
#181B17
charcoal-800
#20241F
charcoal-700
#2B302A
charcoal-600
#3A4038
Paper — light portal
paper
#F4F2EC
paper-warm
#EFEDE6
paper-tint
#E7E4DC
white
#FFFFFF
Accents
volt
#C6F24E
ink
#1C2408
clay
#E8875B
clay-deep
#C4633B
Muted + semantic
sage
#8A9184
sage-deep
#7A7F72
paid
#7BC47F
pending
#D9A94E
overdue
#E25C4A
Typography
Permanent Marker · display
Morning, Derek
$150/hr
Barlow Condensed · labels
TODAY · CUSTOMERS
ESTIMATES · INVOICES
Plus Jakarta Sans · body
Line items, forms, and invoice math stay in Jakarta for legibility.
Regular 400 · Medium 500 · Bold 700
Components in context
DARK · TRADIE ADMIN
Buttons
OWED TO YOU
$1,240
2 hrs · materials included
Marcus Reed
Plumbing · Electrical · 12 yrs
In-progress badges
Completed stamps (reserved)
Photo grid — before / after
LIGHT · CUSTOMER PORTAL
Buttons
OWED TO YOU
$1,240
2 hrs · materials included
Marcus Reed
Plumbing · Electrical · 12 yrs
In-progress badges
Completed stamps (reserved)
Photo grid — before / after