Jaryo Adaptive UI/UX Interactive Design Lab

19 families · 85 curated + 12 optional (97 total)

This is a design demo. A saved choice is a preference, not a product change. Copper is an example palette, not the default.

Repository · Live lab · Project page

Family

Option radio group: arrow keys move the selection, Home and End jump to the first and last option, Space selects the focused option. Tab moves on to the Expand buttons.

Desktop: five cards side-by-side when width allows. Narrow (down to ~260px cover screens): stacked scroll. Keyboard: Tab into the option group, arrows / Home / End move the choice, Space selects. Expand a preview for a larger stage. Selecting records a preference only.

Composed reference journeys

Browser / desktop / mobile metaphors · mouse, keyboard, touch · distinct from AGIW-only monitoring · SAMPLE data

Reference studies (existing assets)

v4 narrow copper EXAMPLE
Fictional narrow journey using Copper as example only
v4 narrow mono fallback
Same journey monochrome fallback
v4 state grammar
Selected focus blocked unknown unavailable grammar
Pilot connect
Fictional connect discovery pilot
Pilot pipeline
Fictional pipeline operation pilot
Pilot review / recovery
Fictional review gate pilot

Selection summary

0 / 17

Chosen option per design family
IDFamilyChoiceName

Export


      


      

        
Tokens, adapters, a11y, status