Illustrations isometric grid guidance

Illustrations isometric grid guidance, editorial, minimal, vibrant

Preview image. Unlock full-res

Guideline page on the illustration family, with a left specs column and a right grid of isometric geometric illustrations on violet and lilac fields.

Summary

A brand-guideline page defining DocuSign's illustration family as isometric, solid-filled geometric forms. The defining move is a four-panel grid of color-blocked illustrations sitting beside a numbered considerations list.

Visual description

White page with the standard running header (left "Docusign Brand Identity Guidelines v1.2", center "Visual Elements", second column "Illustrations", page number 52 top right). The left third holds a "Illustrations" headline in dark indigo sans-serif, two intro paragraphs and a bulleted "Considerations" list. The right two-thirds is split into colored quadrants: a lilac panel and a deep-violet panel on top, a saturated royal-blue panel below. Inside sit isometric illustrations built from cubes, cylinders, ellipses and triangles in white, black, royal blue and a poppy orange-red, including an exploded cube diagram with a dashed-outline ghost cube and a connecting hairline. Shading is implied through flat color, not gradients.

Key takeaway

Teaching an illustration system by pairing one rules column with a live specimen grid in the brand's own color fields. The dashed-outline ghost shape that shows an object's destination is a clean way to imply motion in a static illustration.

Reuse notes

A reusable template for the illustration or iconography page of a brand guide: rules left, color-blocked specimen grid right. Works for any identity built on geometric, isometric illustration. Needs an actual illustration set to fill the specimen panels.

From this deck: Illustrations isometric grid guidance

View deck

More like this