Circuit - DEHN's design system of the lightning and surge protection professionals

Slant

The ascending slant is a core design element across the board in all media. It derives from the logo. It stands for a friendly, positive and progressive attitude.

A red slanted footer is the preferred usage.


Angle of the wordmark

A distinctive, characteristic design element is the 13° slant. It originates from the "inclination" of the DEHN wordmark. For extreme landscape formats, the counter-slant of 101°
(11° against the vertical) can also be applied.

The angles in the logo


Variations of the slant

The slant should be used as an immediately recognisable design element. For bespoke formats in particular, all primary and secondary colours can be used. The slant may also be used as a template for masking images and image sections.
The slant should always fill the whole viewport/medium.

An image masked with the slant
masking of an image

The slant as a header
the slant as a header

The slant as a footer
the slant as a footer


The counter slant
The ascending counter-slant can be used in exceptional cases for wide landscape formats.


Resources

The slant in Figma