Tokens, type, components and doodles for ishanshams.com. The page itself is a notebook — warm paper, hand-written display, ruled lines and a single warm-red accent. Everything below is what you have to work with.
v0.1 · May 2026
I.Color
Paper & ink
paper
--ds-paper
paper warm
--ds-paper-warm
card
--ds-card
ink
--ds-ink
ink soft
--ds-ink-soft
ink muted
--ds-ink-muted
Accent · the teacher’s pen
accent
--ds-accent
accent soft
--ds-accent-soft
margin line
--ds-margin-line
tape
--ds-tape
Status
status · live
--ds-status-live
status · beta
--ds-status-beta
status · soon
--ds-status-soon
II.Type
Display · Caveat
Aa
Hand-written. Used for headlines, greetings, marginalia, signatures. Set in 600.
Body · Source Serif 4
Aa
The reading face. Used for body, card titles, descriptions. 400/600.
Hand-drawn marks. Inline SVG, currentColor — they tint with their surrounding text. Drop them as marginalia, accents, or page furniture; never as the main subject.
star
squiggle
arrow
sparkle
heart
flower
smile
loop
sun
moon
check
cross
VI.Voice
tone
Warm, quiet, plainspoken. A friend writing in their notebook, not a brand announcing itself.