Secession Manifesto
« Die Kunst der reinen Form » — l’art de la forme pure. Un manifeste typographique horizontal où la géométrie sacrée de la Sécession viennoise et la rigueur du style suisse fusionnent avec la beauté fractale des automates cellulaires.
→ Pièce horizontale : faites défiler (molette ou flèches) pour parcourir les cinq tableaux. La fractale de Sierpinski qui s’y dessine est calculée par un automate cellulaire, pas une image.
La technique derrière le design
Le motif fractal n’est pas un dessin importé : il émerge d’une règle. La pièce exécute le Rule 90, un automate cellulaire élémentaire à une dimension (Wolfram, 1983) : chaque cellule prend l’état XOR de ses deux voisines, et de cette règle binaire d’une simplicité absolue naît, ligne après ligne, le triangle de Sierpinski — l’une des plus belles fractales connues. Le calcul tourne en Canvas 2D via des Uint8Array et un rendu ImageData direct, performant. Autour de cette mécanique, un manifeste typographique horizontal (scrollytelling molette→défilement latéral, grille suisse 12 colonnes) fait dialoguer Barlow Condensed monumental et Libre Baskerville italique, ponctué d’ornements de la Sécession viennoise tracés en SVG. Lazy-init par IntersectionObserver, repli vertical sur mobile, « mouvement réduit » respecté. Zéro CDN, fichier unique autonome, intégration en 5 minutes.
Idéal pour
Palette — or de Vienne
Questions fréquentes
Qu’est-ce que le Rule 90 ?
C’est l’un des 256 automates cellulaires élémentaires étudiés par Stephen Wolfram. Sa règle est minimale : l’état de chaque cellule devient le « ou exclusif » (XOR) de ses deux voisines. Itérée ligne après ligne, cette règle dessine spontanément le triangle de Sierpinski — un exemple emblématique de complexité fractale née d’une règle simple.
La fractale est-elle vraiment calculée en direct ?
Oui. Aucune image n’est chargée : chaque ligne du motif est générée par l’automate à partir de la précédente, en temps réel sur Canvas 2D. Le résultat est mathématiquement exact et se redessine à l’ouverture de chaque section.
Comment fonctionne la navigation horizontale ?
La pièce est un récit qui se déroule latéralement : la molette (ou les flèches du clavier) fait défiler les cinq tableaux de gauche à droite. Sur mobile, une mise en page verticale prend automatiquement le relais, avec support tactile.
Est-ce intégrable et personnalisable ?
Oui. C’est un fichier unique autonome (un bloc HTML, intégration en 5 minutes), sans librairie ni CDN. Couleurs, typographies et espacements se règlent via les variables CSS --sm-* documentées dans la charte. Contraste conforme WCAG AA.
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, composants) et ornement SVG de la Sécession viennoise réutilisable. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Lithograph Engine · Suprema Grid · Lacquer Manifesto · Resonance Field · Accueil