What problem does it solve?
It helps teams implement a cohesive risograph-inspired design system so AI-generated UI stays consistent, on-brand, and accessible instead of drifting into ad-hoc styling.
Core Features & Use Cases
- Tokenized risograph style: Defines a warm off-white surface, vivid fluorescent pink for primary interactions, and deep federal-blue structure with explicit typography, spacing, and radii foundations.
- Implementation-ready interaction guidance: Provides accessibility requirements (WCAG 2.2 AA, keyboard-first, visible focus) and mandates explicit interaction states and focus-visible behavior.
- Do/Don’t quality gates: Enforces semantic tokens, preserves visual hierarchy, and includes a QA checklist to make review outcomes testable and predictable.
Quick Start
Use the riso skill when generating UI components to enforce the risograph brand tokens, typography and spacing scales, and WCAG 2.2 AA keyboard-first interaction rules across buttons, inputs, cards, and other component families.