No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Graphics

Graphics can be used to make a statement, enhance understanding, and break up the monotony of text. They should not be distracting when used for decoration.

Critical content should not be provided by text in graphics, or graphics alone. Always include it as simple text.

Photos

Photos should be provide examples, used to set tone, or convey a broader concept. They should have primarily cool colors to avoid clashing with the product design.

Instructions generally should not be provided through photos. They can be noisy and distract from any instructional text.

Cube on a blue background

Illustrations

Illustrations should be simple, clear, and descriptive. They should convey just enough information to communicate an idea, and little more.

Illustrations are well suited to instructions because they provide consistency and are easier to modify than photos.

Cube installation

Icons

Icons should be distinct, and readable. They can be used to help users quickly identify key information or actions, but they should never be the sole identifier. When an icon is used for identification, it should be accompanied by a label.

Clipboard icon
Droplet icon
User icon
Password icon
Cube icon