Slide 1
Move through the generated carousel with its visible controls.
Same composition, brand profile
page shell
The semantic hierarchy and interaction model stay fixed while the governed theme changes.
One composition, several visual profiles
grid layout · 3 columns
Routes, semantics and behavior do not change when theme roles change.
Semantic content
Navigation, main content, tables and dialogs emit semantic HTML.
Tokens and themes
Existing template themes supply the visible profile changes.
Shared behavior
The interaction page uses the browser behaviors already generated.
A shared selection model
Static tabs posture · active: Semantics
Semantics
Use arrow keys or the visible tabs to move between summaries.
Tokens
Use arrow keys or the visible tabs to move between summaries.
Behavior
Use arrow keys or the visible tabs to move between summaries.
Three small examples
Static carousel posture · slide 1 of 3
Slide 2
Move through the generated carousel with its visible controls.
Slide 3
Move through the generated carousel with its visible controls.
About this specimen
Static accordion posture · expanded: Tokens
The detail stays collapsed until it is useful.
The detail stays collapsed until it is useful.
The detail stays collapsed until it is useful.