Art génératif · Rule 90 CA · Sécession viennoise

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. Prêt à structurer votre site.

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.

Cette pièce sur votre site Intégrer cette pièce dès CHF 890 Vous êtes une agence ?

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 vers 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

Galeries & muséesÉdition & cultureStudios de designArchitectureMarques de luxeFondations culturellesFestivals d'artManifestes & portfolios

Palette, or de Vienne

Blanc papier #FAFAF8
Ivoire #F0F0EC
Or Klimt #B8952A
Gris technique #5C5C58
Noir encre #0C0C0A

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.

Combien coûte l'intégration de cette pièce ?

L'intégration démarre à CHF 890. On accorde la palette (or de Vienne, noir encre) et les typographies à votre charte, on adapte les cinq tableaux à votre contenu, puis on pose le récit horizontal en page éditoriale ou en hero. Couleurs et espacements se règlent via les variables CSS --sm-*. Un site signature construit autour démarre à CHF 2 500.

Comment on l'intègre

On grave le manifeste à vos couleurs. On accorde la palette (or de Vienne, noir encre) et les typographies à votre charte, on adapte les cinq tableaux à votre contenu, puis on pose le récit horizontal en page éditoriale ou en hero sur votre site. Intégration dès CHF 890. Un site signature bâti autour de ce manifeste démarre à CHF 2 500. Hébergement suisse, code livré, pleine propriété.

Parlons de votre projet Discuter de cette intégration intégration dès CHF 890