---
title: "Brand and imagery"
description: "What a surface shows."
canonical: index.html
navigation-title: "Brand and imagery"
---

<a id="brand-and-imagery"></a>

# Brand and imagery

What a surface shows. Choose by what the picture must do: name a thing, set a register, or carry a claim.

**[Brand](brand.md)**
The name, the signet and the lockup, and how to draw a signet of your own.

**[Icons](icons.md)**
The icon set, its sizes and the state icons that stand without a word.

**[Illustrations and artwork](illustrations.md)**
The editorial illustrations, and what a file must do to arrive in both modes.

**[Diagrams](diagrams/index.md)**
Drawings the engine makes from text, with one accent on the claim.