Machine – Design System
A grid design system based on tiles, which are based on a grid themselves, thus making the system expandable. Using the same base grid, additional tiles can be created.
On top of the rather geometric base tiles there are tiles with »naturally« looking structures.
There are two groups of two colors each that can be used for either »loud« or »quiet« designs. The base tiles can be colorized differently, the structure patterns can be used to fill the shapes. The possiblities to vary the design are endless.

The typography was supposed to be bold and match the »machinery« theme of the design. I chose the »Alfarn« typeface based on a Bauhaus design.






In the layouts tiles can be used larger or smaller. It always starts in the top left edge with a large 3x3 tile, which the grid needs to accomodate. In a large format the grid is set to have at least 5 tiles on top of the type. The number of horizontal tiles always needs to match the width.
In smaller formats such as business cards there should be at least 3 tiles, but the first tile then will be only 2x2.
When the grid is set up, then the additional tiles will be added in a nice varying flow towards the bottom right. Additional colorization then varies the layout.
Thank you to Martin Lorenz and fellow participants of »Systemdesign« workshop in Munich, where I started this project.
Machine – Design System
7
54
2
Published:

Machine – Design System

7
54
2
Published:

Tools