Brand

Illustration

Style, colors, and application guidelines for Trezor illustration.

Trezor brand illustrations follow a hand-drawn style based on the brand's core key values. The illustrations are meant to look playful, simple and support friendly feeling. It should look like if you were drawing them on a whiteboard, easily explaining virtual concepts or emotions behind the specific content.

We often use them to illustrate events or objects that are hidden in the virtual world - for example the representation of cryptocurrencies, functions or their attributes or the flow of blockchain transactions.

Trezor brand illustration

Illustrations are applied to a multi-coloured or monochrome background. The goal is to highlight the meaning of specific messaging and support visual identity. Below is a specification of the basic types of illustration application.

Illustration application example 1
Illustration application example 2

As stickers

In this case, we put the illustration directly on the photo, as if it were a sticker. The visual of the sticker should not overwhelm the content of the photo but complement the content communicated.

Illustration blending with typography

Blending with photography

The illustration is accompanied by manually drawn elements that must follow the visual style of the illustration. In this way the illustration is directly involved in the spatial perception of the photograph.

Illustration on solid colour example 1
Illustration on solid colour example 2
Illustration on solid colour example 3

On solid colour

The illustration is placed on a monochrome background and works as a solitaire. In this case, it should directly communicate the necessary message. It can be combined with other illustrations, typography, renderings or graphic elements within one format.

Illustrations are applied to a multi-coloured or solid background. The goal is to highlight the meaning of specific messaging and support visual identity. Below is a specification of the basic types of illustration application.

Neon green illustration example 1
Neon green illustration example 2
Neon green illustration example 3

Neon green illustration

The most significant colour of the illustration. Used mainly in marketing. The only style of illustration suitable for application on imagery backgrounds.

Soft green illustration example 1
Soft green illustration example 2

Soft green illustration

For use mainly in Trezor digital products. The subtle illustration style does not interfere with the visual prominence of surrounding elements in the user interface. Always apply to a white or light background.

Dark green illustration

Dark green illustration

Inverted version of soft green illustration. For use mainly in Trezor digital products. The subtle illustration style does not interfere with the visual prominence of surrounding elements in the user interface. Always apply to a dark green background.

White illustration example 1
White illustration example 2
White illustration example 3
White illustration example 4

White illustration

The white illustration is mainly for the background in secondary colours. Or on a light background for example in the case of Trezor package infographics.

State illustration example 1
State illustration example 2
State illustration example 3

State illustrations

As illustrations are used across Trezor digital products, there may be a need to support the semantics of the illustration with color. In these cases there can be used also different colors defined in design system.

Frontal 2D view illustration example
Spatial 3D view illustration example

When creating illustrations we use two views, a frontal 2D view or a spatial 3D view.

Building principles for illustrations

Building principles for illustrations

Our illustrations have several attributes that must be observed in their creation to always follow a uniform style. All illustrations are drawn with the dynamic illustrator brush, which responds to pen pressure on the tablet while drawing

Page tokens