Complete visual language catalog
Fictional sample. Every observation exists only to demonstrate the authoring system. Replace it with verified evidence before use.
Evidence becomes a spatial argument
One semantic section combines display type, confined media, a bounded full viewport, and a package-owned surface without author CSS or a custom page renderer.
The source stays ordinary
The left side carries the thesis while the authored flow on the right remains normal Markdown. Reading and focus order do not follow visual placement.
A mosaic changes rhythm, not meaning
Primary proof
The first card receives more visual area while remaining the first semantic item.
Portable
Single-file embeds the local image. Directory output hashes the same confined bytes.
Composable
The same section vocabulary works in document, dashboard, landing, and mixed page shells.
Long evidence keeps its context
The media remains visible beside a longer desktop explanation without changing document order. On narrow screens it returns to ordinary flow. This paragraph establishes the first part of the argument and keeps a comfortable reading measure.
The second part compares constraints: local resources only, deterministic output, and a package-owned presentation vocabulary. The image never becomes a background that can erase its accessible alternative.
The final part makes the boundary observable: responsive composition must change placement rather than hide overflow, and tall screens must contain real evidence instead of empty viewport-sized plates.
A stack expresses priority
Read first
The accepted recommendation remains at the top of the authored order.
Then verify
Supporting evidence follows without being removed from keyboard or reading flow.
Finally act
The last card closes the sequence with a concrete next step.
Media can meet the section edge
The source remains an ordinary confined Markdown image; the package lets it reach the visual surface edge without accepting author CSS or a remote URL.
Several local views can form depth
A gallery carries several views
System view
Evidence view
Decision view
Use one declarative visual language
Compose semantic roles instead of generating a bespoke application for each handoff.
| Layer | Declarative role | Portable result | Runtime owner | Narrow-screen behavior |
|---|---|---|---|---|
| Composition | Spatial hierarchy | Stable reading order | Package | Returns to document flow |
| Media | Local art direction | Confined assets | Compiler | Preserves accessible text |
| Surface | Visual atmosphere | Package-owned CSS | Browser runtime | Never obscures content |
