AI-First Design Tokens
A starter design-token kit for AI-first products — semantic naming, dark/light/HC modes, and gradient accent presets.
A single-page, zero-dependency interactive UX study companion packed with 431 principles, cognitive biases, flashcards, and quizzes.
Format
Standalone HTML · Web App
Cards
431 Cards across 6 collections
Themes
7 Themes (Light, Dark, HC)
License
MIT · Free to use and remix
UX Study is a zero-dependency, offline-first web application featuring 431 curated UX principles, cognitive biases, research heuristics, and UI component patterns.
Built with plain HTML, CSS, and JavaScript with procedural card SVG art generation. It includes flashcard study mode, active recall quiz mode, multi-theme customization, and local storage progress tracking.
Laws of UX, cognitive psychology, behavioral economics, usability heuristics, and core design components.
Flip cards, test your knowledge with randomized 4-option quizzes, and build daily study streaks.
A single standalone HTML file that runs anywhere without node_modules, build steps, or servers.
Initial release with 431 UX cards, flashcard mode, quiz system, and 7 theme presets.
Sep 2026
Launch the interactive UX study deck in a new tab — 100% offline with zero dependencies.
A starter design-token kit for AI-first products — semantic naming, dark/light/HC modes, and gradient accent presets.
Twenty years of enterprise design lessons — patterns, anti-patterns, and the shortcuts I wish I had earlier.
Reusable motion recipes for hero reveals, tilt cards, marquees, and scroll-driven parallax — copy-paste ready.