Brand guide / Design System

icon-graphicsGraphics

Throughout history, the circle form has been a symbol of totality, unity and wholeness. The circular shapes in the Techstep 'S' stand on this universal meaning and represent the values at the heart of the brand - freedom and moving forward, helping organisations to operate more effectively and sustainably. 

Shapes and symbols

The interconnecting shapes reflect the idea of connecting and interactions. With these, we can start to build a graphic language that supports the brand expression and values.

graphics-shapessymbols-01
graphics-shapessymbols-02
graphics-shapessymbols-03

Grids and patterns

Grids and repeat patterns provide a useful graphic framework that lends structure to our designs. Visually, they build connections between elements on our page. Grids don’t have to be rigid and formal: by searching our repeat patterns in natural forms, we create connecting lines and shapes that are fluid and organic, whether used with photography or plain backgrounds.

graphics-gridspatterns-01
graphics-gridspatterns-02
graphics-gridspatterns-03
graphics-gridspatterns-04

Forging new paths

Always moving forward, we can build patterns and illustrations that help communicate message and values.

graphics-gridspatterns-forwardthinking
graphics-gridspatterns-oxygen
graphics-gridspatterns-standardise
graphics-gridspatterns-simplify
graphics-gridspatterns-scale

Guidance

A few handy tips to help you on your way…

graphics-guidance-01
Keep grids and patterns subtle, fluid and organic. They support the message or image, not compete with it.
graphics-guidance-02
Avoid mixing messages and using too many graphic assets in a single visual.