Clododesign

Nova Crystallis — cristaux génératifs Art Nouveau

Art génératif · Cristallographie · Art Nouveau computationnel

Nova Crystallis

Un cristal bioluminescent qui germe, prolifère, tisse un réseau puis se dissout — un cinéma scientifique en quatre scènes qui se joue au fil de votre défilement. Chaque cristal est une structure vivante générée par L-système hexagonal, baignée d’un halo aqua sur une nuit nordique. Froid, précis, contemplatif : l’élégance glacée de l’Art Nouveau revisitée par le calcul.

→ Le premier cristal germe automatiquement ; faites défiler pour traverser ses quatre âges (germination, prolifération, réseau, dissolution).

La technique derrière le design

Chaque cristal est dessiné par un L-système hexagonal — un système de réécriture qui fait croître des branches récursives à symétrie 6, comme un flocon. La signature visuelle vient d’un rendu Canvas 2D en double passe « lighter » : une première passe additive accumule la lumière (halo bioluminescent physique), une seconde trace la structure cristalline nette. Trois générateurs pseudo-aléatoires indépendants garantissent que chaque cristal est unique. Le récit est piloté par le scroll-driven CSS natif (animation-timeline), avec repli propre sur les navigateurs anciens. Un fichier autonome, sans aucune dépendance critique.

Idéal pour

Joaillerie & haute bijouterieParfumerie & cosmétique luxeSpa & wellness premiumStudios de design génératifMarques tech contemplativesGaleries & art numériquePortfolios créatifs

Palette — nordique désaturée + aqua

Nuit nordique
Argent-bleu glace
Blanc neige
Aqua bioluminescent
Argent texte

Questions fréquentes

Les cristaux sont-ils vraiment générés ?

Oui. Chaque cristal pousse en direct via un L-système hexagonal récursif, avec trois générateurs aléatoires indépendants (position, angle, intensité du halo). Deux cristaux ne sont jamais identiques — c’est une vraie cristallographie computationnelle, pas une image.

Est-ce lourd ou risqué pour mon site ?

Non. Le rendu est en Canvas 2D (léger), l’animation se met en pause hors écran et un repli statique s’applique si l’utilisateur préfère moins de mouvement. Le tout est un fichier unique autonome, sans dépendance externe critique.

Puis-je l’intégrer et l’adapter ?

Oui. Intégration en 5 minutes (un bloc HTML), profondeur de récursion, vitesse de croissance et couleurs ajustables. La charte design complète (couleurs, typographie, tokens) est fournie avec le kit.

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) et documentation. Usage commercial illimité.

Voir toute la collection → Tout l’art génératif