Two months ago, we started a project with a very simple goal: Experiment and have fun. Also, we had an idea in our mind and was to bridge the gap between design and code. We wanted to answer a question that was on our heads some time ago: How can we complement graphic design with programming in a branding / visual identity project?

Then, we find out that we could, using code, shorten the time in the design process, based on patterns and geometries to make easier the creative process for the designers.

This is how this project born: Generative design for the branding and visual identity of Absurdo, a digital product design studio. Our main intention: Save designers time in the complementary piece design process. Those pieces should support the graphic language and also, be stunning and catching per sé.

How long it would take to make that piece in other technique? How many variations could we get if we use another creative process? Those questions addressed the experimentation phase and finally we developed a desktop application that help (not replace) designers create graphics to use in compositions and elements for brand design. In this process the synergy between the developer and the designer is vital, because even though the app ease the process, it is necessary an aesthetic and functional criteria to use the generated image and put in the right place.

Each one of those compositions is unique and one-off in its pure form, but all the possible results are in line with the same graphic style, focused on strength a solid but also dynamic brand language.

Note: At the end of this project you can check the OpenProcessing link where we uploaded the app that we used for the whole pieces that you see in this project. The instructions are very simple: After clicking anywhere, you can press the ‘R’ key to reload and generate a new image. With ‘S’ you save the image in .png.