App UI / Kanban
A brutalist project board — hard borders, offset shadows, flat bright columns. Drag cards between Backlog, In Progress, Review, and Done. Counts update live.
Persist choice in localStorage and reflect on first paint.
Three steps with inline illustrations and a CTA.
Compare native DnD vs roving tabindex keyboards.
HTML5 DnD, move cards across columns, update counts live.
Extract shared tokens so variants stay cohesive.
Ensure every interactive element has a visible focus-visible ring.
Tailwind play CDN + Google Fonts across variants.
Canonical token doc for all three design styles.
// Tip: pair this with the dashboard-overview and data-table sections