Visual principle Connection

Summary

The first visual principle, "Connection": a white page with a left explainer column and a right composition of three mixed tiles, an in-context poster mockup on top, with an icon set and a "One platform." graphic below.

Visual description

White background. The left column carries a two-line heading, "Visual Principle 1:" with "Connection" in bold, over a paragraph of large near-black body copy about agreements as connecting visual devices. The right two-thirds is a tile grid: a wide top tile shows a violet "Create, commit, and manage agreements" poster mockup mounted on a concrete wall; below it, a cream tile holds three simple geometric icons (a marker, a four-square grid with a dot, a pie shape), and a dark plum tile shows a "One platform." graphic where a poppy-to-violet pill merges two shapes into one.

Key takeaway

Demonstrating a visual principle with real applications rather than abstract rules: a poster in context plus a sample icon row plus a brand graphic, all tiled beside the explanation. The mixed-fidelity tile grid (photo, icon, graphic) shows the principle working at different scales.

Reuse notes

A reusable "principle plus proof" layout for brand or design-system decks: state the rule at left, show it applied at right. Swap the tiles per principle. Needs decent mockups and clean sample assets to carry the right half.