A composition held like a picture

Each class of screen has its own composition, set once. Within it the page scales as a whole, so the picture on the right keeps its place against the heading and still reaches into the band below on every screen of the class.

The picture above overlaps this band by the same share of the page on a laptop and on a large monitor. A fluid layout cannot promise that: there the overlap drifts as the window changes.

Three parts

The core

One stylesheet: frames, canvas grid, plain HTML styled, and the relations for small assemblies.

The manifest

The whole vocabulary on one page, small enough to stay in an agent's context.

The check

Renders both edges of every frame and says what moved or broke.

On a wide window the canvas stops following it one to one, and what is left becomes margin. The composition does not change for that: only how large the picture is and how much air is around it.