Shapes - Trezor Design

Rounded, soft geometry is a defining part of how Trezor looks. It shows up everywhere — the silhouette of the device, the curve of the packaging, the radius of the interface — and it does quiet work: softening a security product so it feels human and approachable.

Soft shapes are a direct expression of the brand's design vision — security that feels human and effortless. We apply them deliberately and consistently, including in places most brands wouldn't bother.

Shapes work in two ways: as masks that crop image content to a recognisable form, and as solid fields of colour.

Marketing

In marketing, soft geometry is a framing device — whether cropping imagery into the brand's own form or appearing as solid fields of colour. Either way, a campaign reads as Trezor before a word is read.

Design system

In the interface, the same geometry sets the radius of every surface — buttons, cards, inputs, sheets. It's the most systematic, least visible place the shape language lives. See Border radius .

Packaging

Across packaging — from wrap covers and trays to envelopes and wallet backups — rounded forms carry the soft geometry off-screen and into the hand.

Hardware

The device itself is the origin of the shape language. Its rounded silhouette is where the whole system starts, before it's ever applied anywhere else.

Merch

On merch, the geometry travels furthest from the product — printed, cut, and embroidered onto goods, where it works purely as a mark of identity.

Shapes can crop image content into a recognisable form. Two masks are used: the Trezor silhouette, and the rounded rectangle.

Trezor Shape Mask

A mask based on the shape of the Trezor can be used to place photos. The shape isn't based on any real product — it refers to the universal, iconic Trezor silhouette.

Cuts and composition

The Trezor shape mask isn't precisely defined. It can be placed freely, shown whole or as a partial crop, as long as the silhouette stays recognisable.

Avoid

A crop in which the recognisability of the unique shape is lost.

Stretch the shape.

Deform the shape.

Rounded Mask

Rounded shapes are a significant part of Trezor's design language — familiar from the interface, packaging, or wallet backup. Rounded rectangles can also be used as a clipping mask for placing photos.

Cuts and composition

The rounded mask isn't precisely defined. It can be placed freely, shown whole or as a partial crop. The shape must always be a square or rectangle of any aspect ratio.

Mask radius definition

The radius should be proportional to the size of the format. The size of the radius should be approximately 1/7 of the size of the longer side of the format. For example, at 1080 px, the radius size would be 154 px.

Diagram: mask radius is roughly one seventh of the longer side

Avoid

Too small a radius, not matching the size of the format.

Too big a radius, not matching the size of the format.

The mask occupies too large an area. Radius is not clearly recognisable.

Using different radius on corners.

Beyond masking photos, the same shapes can be used as solid fields of colour — the Trezor silhouette or a rounded rectangle, filled rather than cropping an image. This is the simplest expression of the brand's geometry: shape as a compositional element in its own right.

Colour

A solid shape uses a colour one tonal step from its background, within the same palette — if the background is 800, the shape is 700 or 900. This keeps the shape present but quiet, adding depth without high contrast. The same logic applies across all brand palettes.