Web
Components
The draft’s components now live in the system stylesheet.
Component families
| Actions | .btn and .btn.ghost are chrome marketing actions; .p-btn is the product action. |
|---|---|
| Surfaces | .glass, .frost, .card, and .photo compose scenes and readable content. |
| Navigation | .top, .menu, .theme-tg, .app-side, and .nav-i cover marketing and product navigation. |
| Product controls | .p-table, .p-input, segmented controls, badges, and progress indicators use restrained color. |
| Themes | The .theme-tg control selects graphite or neon and stores the preference. |
| Fallbacks | All text and primary navigation remain available without scripts. Reduced motion keeps static headlines and scenes. |