Suprema Grid
L’audace de l’avant-garde russe, recodée. Suprema Grid pose un manifeste typographique à la El Lissitzky — cercles, barres et croix en rouge, bleu et jaune primaires — puis le prolonge par une mosaïque de Voronoï qui se réorganise toute seule, image après image. Une identité graphique qui pense.
→ Faites défiler : du poster suprématiste à la grille de Voronoï vivante, qui se relaxe en continu vers une mosaïque toujours plus équilibrée.
La technique derrière le design
Le cœur de la pièce est un diagramme de Voronoï calculé puis affiné par relaxation de Lloyd : à chaque image, chaque cellule se recentre sur son barycentre, et la mosaïque dérive lentement vers un pavage plus régulier — un classique de la géométrie computationnelle, recréé ici en Canvas 2D natif, sans aucune librairie. Autour, la composition suprématiste s’appuie sur une variable font déformée au scroll et un boot animé en cascade de huit blocs. Couleurs primaires Malevich, générateur déterministe pour une signature reproductible. Fichier unique autonome, zéro CDN critique — il tourne partout.
Idéal pour
Palette — primaires suprématistes
Questions fréquentes
Qu’est-ce qu’un diagramme de Voronoï ?
À partir d’un semis de points, on découpe le plan en cellules : chaque cellule regroupe l’espace le plus proche de son point. La relaxation de Lloyd recentre ensuite chaque point sur sa cellule, image après image, jusqu’à un pavage harmonieux. On le retrouve en cartographie, en biologie et en design génératif.
La mosaïque est-elle vraiment générée ?
Oui, en temps réel. Le diagramme est recalculé à chaque image et relaxé progressivement ; un générateur déterministe fixe la composition de départ, puis tout évolue de façon reproductible. Rien n’est une image pré-enregistrée.
Est-ce intégrable et adaptable ?
Oui. C’est un fichier unique autonome (un bloc HTML, intégration en 5 minutes), Canvas 2D pur, sans dépendance critique. Trois colorways sont fournis (Suprématiste, Bauhaus Compact, Mondrian Tech) et toute la palette se recolorie via cinq variables CSS.
Ce que vous recevez
Le kit complet : widget autonome (un seul fichier, intégration en 5 minutes), fragment WordPress copier-coller, art génératif injectable, charte design (couleurs, typographie, tokens, 3 colorways) et documentation. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Frost Architecture · Bauhaus Slime · Neon Manifesto · Prismatica Viva · Accueil