In Action
Page archetypes
Each frame below is a standalone HTML page that loads only
tokens.css + css/base.css + components.css + utilities.css
— no brand-site chrome. This is exactly what a consumer (the website, a prototype) gets.
Use the width toggle to check reflow, or open a page full-screen to resize freely.
The sources live in site/archetypes/*.html and double as the canonical
"how to build a responsive page" reference.