Preview image. Unlock full-res
Guideline page on Intersections, showing pill shapes, gradient strokes, and circular photo crops that overlap to generate new pattern and color.
Summary
A guideline page demonstrating "Intersections": where two brand shapes overlap, the overlap generates a new gradient, texture, or pattern.
Visual description
White page with the running header (page 53, "Visual Elements / Illustrations"). The left column carries the "Intersections" heading, explanatory body copy, and a "Considerations" bullet list. The right two-thirds shows three example crops: a lavender panel with two stacked dark pill-shaped labels reading "Every" and "agreement." whose overlap blooms into a poppy-to-violet gradient; a cream panel with a circular portrait crop of a smiling person, intersected by a gradient rounded-corner stroke; and a photographed digital signage mockup in a lobby showing a vertical violet poster ("Agreement insights come standard") with a circular portrait and gradient line. The recurring move is overlapping a shape over photography or type so the intersection produces color.
Key takeaway
Treating the overlap itself as a generative design element: where two shapes cross, spawn a gradient or texture. The circular photo crop intersected by a single gradient stroke is a compact, repeatable brand signature.
Reuse notes
Useful reference for systems that want a flexible but recognizable composition rule rather than fixed templates. The intersection-as-gradient idea works for posters, social, and OOH. Note the guideline itself cautions against overlapping more than two shapes; busy overlaps lose the effect.
From this deck: Docusign Intersections overlapping geometry
View deck
