Preview image. Unlock full-res
Dark guideline slide on preserving legibility with lighter shapes and framing in squares or rectangles, shown on an olive hoodie and a dark navigation screen.
Summary
The final shape-rule slide: notes at left on lighter-weight shapes over text and framing in squares or rectangles, with an olive hoodie and a dark museum kiosk screen as examples at right.
Visual description
Near-black charcoal background under the thin olive top bar. The left column carries the light serif "SHAPE" header over two numbered sans-serif points: preserve legibility by using lighter-weight shapes with overlapping text or image, and images or text may be framed in squares or rectangles. The right side shows two keyed examples: "1" is an olive-green hoodie with a thin "DIA" wordmark and a single fine curve looping across the chest, and "2" is a dark touchscreen kiosk reading "NATIVE AMERICAN / CAFE DIA" with circular nav icons, a QR code, and a magenta "LEVEL 1" bar at the bottom. The base hairline footer reads "25 / BRAND GUIDELINES / BRAND ASSETS".
Key takeaway
Closing the shape chapter by showing the rule in two opposite contexts, soft apparel and a hard digital kiosk, to prove the system scales. The magenta level bar shows where a single accent color earns its keep.
Reuse notes
A reusable model for a rule slide that demonstrates across material and screen at once. The level-color bar pattern on the kiosk previews the wayfinding system later in the deck.
From this deck: DIA shape legibility and framing rule
View deck
