Exhibition
A studio glass exhibition in five rooms, each a whole field of its glass's colour, with the page cross-fading between them as you walk through.
A top nav and a column of center bands carry the whole show. Each room is a box of its own colour, and the page's ground and ink are two registered values that every Yeti token is mixed from. So when a scroll-driven animation moves them from cobalt to amber, the text, rules, table, fields and the one button follow without a rule of their own. Where scroll timelines are missing, or the reader has asked for less motion, each room paints its own field instead. Every title, plate and label is placed on a twelve-track grid by data-start and data-span, leaving tracks empty on purpose, and the grid folds to one column by its own width. The titles arrive with enter, the checklist is a table in a scroller, and the booking is a form of fields. The world is its own: one grotesk with a width axis, set wide and light, from a theme of Yeti tokens and element rules in its own layer, plus a short stylesheet for the drawn ruler and the motion.
Or drag the box's corner to see the page at any width. It is written with nothing but Yeti's classes and attributes, and every element on it is validated against the manifest the way each demo on this site is.