Full design system: tokens.css + comprehensive styleguide
tokens.css: CSS custom properties for colors, surfaces, text, borders,
typography scale (major third), spacing (4px base), shape (7 radius levels),
elevation (5 shadow levels), motion (4 easing curves, 7 durations),
state layers, ripple effect, entrance animations (6 types + stagger),
skeleton loading, spinner, scroll reveal, disabled states, spacing/margin
utilities, prefers-reduced-motion, font smoothing, box-sizing reset.
styleguide.html: live interactive demos for every token and component.
Elevation boxes, motion curve hover demos, ripple click demo, skeleton
shimmer, spinner sizes, focus ring demo, state layer demo, full TOC
with anchor links.
russell@unturf.com
d8425867c5