Skip to content

Work / Trunk / Wiki / Surfaces

compare

Surfacecanonicalverified 2026-10-18

SURFACE.WEB.VERSIONS.COMPARE

Summary

Two of main, a tag or an open branch, thing by thing: the changed things on the left, the pair and a property table on the right.

Raw wireframe

  • .context/designs/web/versions/compare.html

Why it is drawn this way

Only changed things are listed, under Pages · Components · Styles. The demo is moment 5 and compares main v1.5 with pricing-copy: 4 differ — Button · Primary (radius 12 on main, 16 on the branch), /pricing, Card · Emerald and SectionEyebrow · Emerald copy.

The pickers hold main, the tags and the open branch. There is no draft in moment 5, and kpi-empty-state is merged, so neither is offered.

The pair is drawn, then the properties, with what changed highlighted.

Related

Sources

  • .context/designs/web/versions/compare.html
  • The owner's instructions in the session of 2026-10-14.