## The project vision

As a creative developer, I've alway been fascinated by the geometric aesthetics of the 90s - an era where design was bold, grid-based, and unapologetically geometric. Grid System is my attempt to capture the essence through generative art.

## Technical Implementation

The project uses Javascript and HTML5 Canvas to create a dynamic grid-based system that generates unique compositions, Here's what makes it special.

Core features:

-   **Dynamic grid structure:** Uses an algorithm to create grids ranging from 4x4 to 10x10
-   **Cell hierarchy:** Implements both macro cells (40-90% of space) and micro cells (1-3%)
-   **Color theory:** Three casually curated palettes inspired by 90s design

```js
palette1: ["#3dd5cd", "#ff00ae", "#ff9100", "#a79fff"]
palette2: ["#97d63e", "#aa00ff", "#ff5900", "#f7c7bc"]
palette3: ["#c1a782", "#9debdf", "#dde631", "#b663ff"]
```

Why I created Grid System:

-   **Nostalgia:** Growing up in the 90s, I was influenced by the era's distinctive design language
-   **Exploration:** Wanted to explore how randomness could create balanced compositions
-   **Preservation:** Aim to capture and reinterpret the aesthetic principles of early digital design
-   **Innovation:** Combining historical design principles with modern generative art techniques

## Interactive elements

The project encourages exploration:

-   **Click:** Generate new compositions with different patterns and color distributions
-   **Press "S":** Export your favorite compositions as SVG file

::tezos-storage-pointer[]{contract="KT1XCoGnfupWk7Sp8536EfrxcP73LmT68Nyr" path="ledger::31707" data_spec="FX-GEN-DATA-002"}


Exploring the intersection of 90s design aesthetics and algorithmic art.

Grid System: A Love Letter to 90s Design

Written by

Editions

Share

Details

stay ahead with our newsletter