Stadttheater Gießen. Connecting performance and community through a shared visualized language. • Patrik Hübner - Generative Design and Creative Coding for brands

Input → Human motion , Noise , Sound & Music , Text , User-input

Output → Branding , Dynamic Identity , Illustrations

Stadttheater Gießen. Connecting performance and community through a shared visualized language. A generative identity that turns language into fluid visuals, bridging stage and city in a living reflection of the theater’s evolving, collaborative spirit.

The municipal theater of Gießen faced a transformative challenge: how to reflect its bold new artistic direction while connecting deeply with the city it serves. With a new artistic team in 2022, the theater sought to reimagine its identity as a dynamic space for curiosity, dialogue, and shared experiences. The task was to create a design system that captured the theater’s evolving essence and engaged its audience in fresh and meaningful ways. The solution: a generative design system of fluid, expressive lines—visual representations of the theater’s ability to narrate, reinterpret, and transform. These dynamic patterns mirror the gestures, voices, and movements of the stage, evolving in real-time to reflect the collaborative and exploratory spirit of the Stadttheater.

Client

Stadttheater Gießen

Agency

YOOL, Gießen

My roles

Generative Design Consulting Development of the design system Development of the audio-reactive technology Programming and technical implementation of the entire project Additional concepts

Formats

Interactive branding toolkit Dynamic brand assets for digital & print Web-experience Motion graphics Interactive installation

At the core of the theater’s new brand identity is an innovative tool that translates written or spoken words into unique line visuals, turning language into art. This adaptable system bridges the stage and the city, extending seamlessly across media and inviting audiences to engage directly with the theater’s creative process.

For the launch, the identity came to life in public spaces, bringing the performers and the theater into direct dialogue with the city. More than a brand, the theater’s generative system became a living reflection of its mission—a celebration of creativity, connection, and transformation.

The generative design system was more than a visual innovation—it was a cultural bridge. By turning words into dynamic visual expressions, the theater invited audiences to see and feel the interplay of language, performance, and art in entirely new ways. This approach reinforced the theater’s commitment to breaking traditional boundaries, making the artistic process more accessible and participatory for the community.

A cornerstone of the project was its ability to adapt and grow with the theater’s needs. Whether capturing the energy of an upcoming performance or reflecting a play’s themes and topics, the system offered endless possibilities for storytelling. Each pattern became a unique reflection of the theater’s dialogue with its community, fostering a sense of ownership and connection.

Audiences could interact with the tool directly, generating their own designs and contributing to the theater’s living tapestry. This participatory element further blurred the line between artist and audience, turning creativity into a shared, collective experience.

At the heart of Stadttheater Gießen’s reimagined identity is a generative, web-based branding tool that transforms language into dynamic visuals. This innovative system takes written or spoken words and translates them into fluid, expressive patterns, creating a living connection between the theater and its audience. By blending technology with artistry, the tool offers an ever-evolving representation of the theater’s performances, ideas, and dialogues.

This approach transforms branding into an interactive art form, where each visual output becomes a unique reflection of the words and emotions behind it. By integrating the tool into public and digital life, Stadttheater Gießen not only redefines its visual identity but also extends an open invitation to the community, making art and storytelling an accessible and shared experience for all.

The web-based generative tool serves as both a creative engine and a cultural connector, embodying the theater’s mission to foster curiosity and dialogue. Its versatility allows it to adapt across platforms, from social media to large-scale installations, ensuring the theater’s presence resonates in both digital and physical spaces

Stadttheater Gießen. Connecting performance and community through a shared visualized language. A generative identity that turns language into fluid visuals, bridging stage and city in a living reflection of the theater’s evolving, collaborative spirit.

Generative Design
Innovative storytelling and meaningful connections for brands and agencies

Creative Coding
Code-based explorations of visual systems for future brand- and interaction-design applications

Stadttheater Gießen. Connecting performance and community through a shared visualized language. A generative identity that turns language into fluid visuals, bridging stage and city in a living reflection of the theater’s evolving, collaborative spirit.

Generative Design Innovative storytelling and meaningful connections for brands and agencies

Creative Coding Code-based explorations of visual systems for future brand- and interaction-design applications

Quarterly newsletter

Quarterly newsletter

Generative Design
Innovative storytelling and meaningful connections for brands and agencies

Creative Coding
Code-based explorations of visual systems for future brand- and interaction-design applications