
I seek to find the quiet marvel within disorganization amid the attention economy
A web-based, generative design tool for fast prototyping of grid-based compositions
Web-based generative design tool
Studio
FAY
creative Director
ARON FAY
TEAM
Guillermo Montecinos
Daisy Lee
Will Ferguson
Photography
Brian Kelley
The Grid App is a web-based, generative design tool, allowing fast prototyping of grid-based compositions. Designers and novices alike can upload vector-based image files—then seamlessly move, scale, crop, rotate and color uploaded art as they choose. The app allows for grid units to be adjusted individually or together simultaneously, using the app’s local and global modes. A key feature of the app is its randomized functions—allowing the user to transform all variables simultaneously, generating beautiful and unexpected results.
Grid App in use in ‘global’ mode, from uploading imagery to iterating on its layout
‘Local’ mode allows for the editing of individual grid units

Example of the app slicing, dicing and combining simple input text, into a dynamic composition
FAY developed the Grid App to interface with a vast range of external inputs and outputs. The possibilities are (almost) endless. For example, a user might sync the app with a music source, where the music’s pitch can be used to control different parameters within the app. Or a user might use the scent of different objects to control visual compositions—there are many possibilities… Real-time visuals can also be interfaced with displays such as an LED matrix, or used as an input source in conjunction with other tech. To date, the Grid App has been used to generate client visuals, translate sound into image, VJ events in real time and produce artworks with input from different sensor technologies.
A simple, number-based exploration illustrates the app’s compositional potential

Simple text and graphics can be input…

…to create more dynamic compositions

The app excels in creating a range of variations using the same inputs

The UI elements from the app, laid out using the Grid App

An exploration using text, graphics and a beautiful photograph by Brian Kelley

A few of the resulting compositions

Grid allows for the export of vector artwork—here, it’s applied to swag

Wraparound compositions show how grid can easily generate cohesive and memorable brand packaging—making it ideal for startups, students and designers

Using the app to create text-based packaging

The tool can output graphics suitable across a wide-range of applications