Illustrations

A picture is worth a thousand words. An illustration makes complex ideas more accessible. They represent our brand - personality, voice, and platform - in an efficient and clear way. Just like the written word, illustrations exist to tell stories and thoughtfully convey ideas - they should not be used as decoration or without consideration.

Usage

import * as Illustrations from '../../../illustrations'

Render an illustration as a react component by appending it's name after the Illustrations import. Illustrations support the space, width and height shorthands from styled-system.

<Flex justifyContent="center">
  <Illustrations.Build width="128px" height="128px" />
  <Illustrations.Empty pl={7} mt={3} />
</Flex>

All Illustrations