What if your layout was never quite finished?

Most websites are designed to hold still. We place elements, define rules, and freeze the result. But lately, more designers are asking a different kind of question. What if the layout was never quite finished? What if the system stayed live?

That quiet shift points toward generative design. It’s a way of working that focuses on variation, motion, and systems rather than fixed results. It follows the thinking behind generative art, but brought into a practical, interactive context. It’s not about making things complicated. Just letting them change.

From static layouts to adaptable systems

Traditional web design works toward a specific result. Designers place elements, define breakpoints, test behaviour, and ship the layout. It is clear, intentional, and predictable.

Generative design takes a different approach. Instead of building a single outcome, the designer sets up a system. Rules, parameters, or live inputs guide the process, and the system creates variations. The process becomes part of the design itself.

This isn’t new, but it is becoming more accessible through tools like:

• TouchDesigner, a visual environment for real-time media
• p5.js, a JavaScript library for creative coding in the browser
• Processing, a sketchbook for visual ideas powered by code

These platforms make it easier to experiment with input-based visuals, ones that respond to data, sound, or time, without needing to hard-code every interaction.

https://res.cloudinary.com/the-weather/video/upload/ac_none,q_auto:good,vc_h264/v1754557802/The%20Weather/generative%20art.mp4

What might this look like on the web?

In its quieter form, generative design on the web could look like:

• Backgrounds that shift gently over time
• Layouts that adapt subtly to scroll speed or time of day
• Motion elements driven by audio input or data streams
• Small variations that make the interface feel less rigid

It is not about spectacle. In most cases, these effects are small touches, used sparingly to create a sense of presence or rhythm.

During the creation of the Kineo-AI website, we used generative coding to create a dot animation that runs continuously in the background. It’s a quiet detail, but it adds subtle motion and texture, helping the interface feel more dynamic without distracting from the content. The goal wasn’t to draw attention, but to introduce a sense of atmosphere and flow.

Why this matters for designers

Thinking generatively does not mean replacing your tools or workflow. But it does invite different questions.

• What if the layout changed over time?
• What if visuals were generated on the fly?
• What if interaction shaped the structure?

These are not always practical questions, but they can open new creative directions. Even small shifts in mindset can lead to interesting results.

https://res.cloudinary.com/the-weather/video/upload/ac_none,q_auto:good,vc_h264/v1754557805/The%20Weather/My_project_106_j65dle.mp4

Where it fits in today

Right now, generative elements in web design are most common in creative portfolios, microsites, or art-driven interfaces. For most commercial or product-focused work, these approaches are still on the edge.

But the underlying thinking, designing systems rather than outcomes, is starting to show up in more subtle ways. Not through big visual gestures, but in how teams think about responsiveness, variation, and motion.

As these ideas continue to spread, they may not reshape the foundations of web design, but they do offer a useful lens. One that helps designers work with complexity rather than simplify it away. That kind of flexibility is becoming more relevant as sites evolve to respond to more devices, more content types, and more user behaviours.

Generative art is unlikely to change the core of web design. But it offers a different way of working. One that values systems, behaviour, and emergence. Even if it stays at the edges, it can quietly expand what is possible in the browser.