/dev/design — internal
H4W design system
A scratchpad to verify every primitive renders correctly. Not indexed; not linked from the marketing site.
Buttons — variants × sizes
primary
secondary
outline
ghost
dark
Badges
purplecoraltealnavysuccesswarningneutral
Cards
flat
Reusable card primitive. Hover variant lifts to `shadow-pop`.
soft
Reusable card primitive. Hover variant lifts to `shadow-pop`.
pop
Reusable card primitive. Hover variant lifts to `shadow-pop`.
Interactive
Hover me — translates and elevates.
Inputs
Section backgrounds
bg=default
bg=soft
bg=white
bg=gradient
bg=navy
bg=teal
Wulfy stills — missing poses fall back to default
defaultwaving
pointing
meditating
thumbsUpjoggingeatingHealthy
celebrating
cheering
holdingPhonesleepingWulfyFloat — server still wrapped in a gentle Y-bob (respects prefers-reduced-motion):
Wulfy videos — autoplay/muted/loop, fall back to poster on prefers-reduced-motion
idlewavingjoggingsleepymealScaneatingEggWulfy face sheet
3×2 grid of cropped face expressions. Phase 2+ may split this into individual files so we can drop in any single expression as an inline icon (WulfyFace component). For now we ship the sheet as one asset.
App download buttons
Dark theme (default)
Light theme (for navy/photo backgrounds)