LUMEN — Graduation project

2024Degree project — DNMADeProcessing, p5.js, After Effects, Cinema 4D, Illustrator, InDesign, FabLab

Research on flexible visual identities, carried out as part of my degree thesis.

Thesis summary

Tied to my research thesis, I explored one central question: how do you create a visual identity that isn't fixed, yet remains consistent?

Templates (Canva, WordPress, Notion) have homogenized design. This standardization raises a problem: how do you stand out when everyone uses the same tools?

My research explores the opposite: systems that generate diversity while maintaining visual consistency.

First exploration — What didn't work

I first explored a purely generative approach with p5.js: abstract shapes, random textures, automatic compositions.

p5.js code - Gradual Descending Texture
Generated texture - city
Generative texture render

The result was visually interesting but unusable for a real identity. Too abstract, not grounded enough. This exploration made me realize the problem wasn't technical — it was methodological.

I reframed my question: rather than "how do I generate shapes?", I asked "how do I create a system that adapts while staying recognizable?". Three verbs emerged to structure my research.

Three theoretical axes

ADAPT

How does an identity live on a stamp AND on a facade?

The same logo has to work on a phone screen and on a 4-meter sign.

With Kombinationsschrift 3, Josef Albers showed that 3 simple shapes can build 27 characters. Economy of means in service of a wealth of possibilities.

Josef Albers - Kombinationsschrift

MODULATE

How do you create the infinite from a few shapes?

Create a modular system that generates infinite variations from simple elements.

Karl Gerstner introduced the concept of the "Programme": instead of designing fixed solutions, he designed systems that generate solutions. "Instead of solutions for tasks, programmes for solutions."

The MIT Media Lab applies this principle: their identity is an algorithm that generates a unique logo for each member. The identity adapts to context without losing recognition.

EXTRACT

How do you find the system hidden in an image?

Start from an existing element and extrapolate a whole coherent system.

Le Corbusier extracted the Modulor from the proportions of the human body. The stencil shows how to extract a graphic system from an existing shape.

The Modulor - detail
Le Corbusier - The Modulor
Applied stencil plate

LUMEN project — Context

To test my methodology, I created LUMEN: a fictional photography exhibition at the Jeu de Paume, Paris.

Audience

The Jeu de Paume is a museum devoted to photography and images. Its audience loves art and photography.

Needs

A flexible visual identity able to adapt to different photographers, formats and media — while staying consistent.

My research — ADAPT axis

I chose to develop the ADAPT axis for the LUMEN project.

The graphic component

The foundation of my method: define a simple graphic component that can be repeated, extended and adapted to different contexts.

Assembled module - ADAPT research

Flexibility — Repetition and extension

This thinking comes straight from Karl Gerstner's "Programme". His identity for Holzäpfel shows how a single component can generate infinite variations through repetition and extension.

Repetition principle
Repetition method with images or text
Modular grids - variations
Karl G. - Holzäpfel

Applying it to LUMEN

The LUMEN graphic component

I apply this "Programme" method to LUMEN with a graphic component that generates the visual identity.

LUMEN - variation 1
LUMEN - variation 2

My research — MODULATE axis

A quarter circle, four possible rotations, a grid. A single shape generates infinite compositions.

p5.js sketch - MODULATE
Modular system - quarter circle to grid

I apply rules to a base shape to obtain new results

LUMEN variations

My research — EXTRACT axis

Turning a photograph into a graphic pattern through a system of lines.

Typography extracted from a grid
VLC - visual reference
Leica with grid
The Raft of the Medusa - geometric analysis

Processing experiments

I developed some thirty Processing sketches to test these principles. Code becomes a thinking tool: I define rules, and the program generates the shapes.

Processing code
Result - rasterization

Here is a selection of the tools I built:

Modular grid

One click generates a new composition. The same shape, randomly rotated, creates infinite variations.

Waves

Each cell undulates according to trigonometric functions. Time becomes a variable of the system.

Rasterization

Different techniques turn a source image into a graphic pattern: grain, scan, circles.

From code to matter — FabLab

Does a flexible system only work on screen? I wanted to test it physically.

Wooden module

The physical version of my Processing sketch: wooden quarter circles you can assemble and rotate to create compositions.

Cut pieces
Cut pieces
Assembled module
Assembled module
Assembled module

Plotter

The plotter draws line by line. The result has a tactile quality that printing doesn't have.

Plotter result
Plotter result

Application — LUMEN

Back to LUMEN, the fictional exhibition at the Jeu de Paume. The scan effect — vertical lines revealing the image — becomes the guiding thread of the whole identity.

Modular typography

LUMEN modular typography

Exhibition labels

Exhibition label - Apollo
Exhibition label - detail

Signage

Jeu de Paume logo with scan effect

Posters

Poster - Cartier-Bresson
Poster - another photographer

Processing — Scan effect

Processing code - rasterization
Processing result
Scan effect - vertical lines
Scan effect - result

Final poster

Final LUMEN poster

Mockups

Paris metro mockup
Public square mockup
Chemin Vert metro mockup

Print

Exhibition booklet
Poster variations
Photographers list poster

Museum entrance

PRÉSENCE logo
Jeu de Paume entrance banners

What I learned

Flexibility is not the opposite of consistency. A system is defined by its rules, not by fixed shapes. The three verbs — ADAPT, MODULATE, EXTRACT — have become a method I still apply today.

This project raises a question that remains open: how do we make these systems accessible to everyone, without losing their richness?

Jalon de Mémoire
Keep scrolling

Next project

Jalon de Mémoire

2024

Command Palette

Search for a command to run...