Lattice Cipher
Sept réseaux cristallins, générés par le code, assemblés en une grille bento glaciale. Pavages de Penrose, triangulations de Delaunay, tuiles de Truchet, cubes isométriques — une identité visuelle « signal pur » pour la fintech, la crypto et la science-fiction.
→ Chaque panneau est généré algorithmiquement au chargement, jamais deux fois identique. Survolez les cellules : elles réagissent en micro-interactions CSS pures.
La technique derrière le design
Les motifs ne sont pas des images : ils sont calculés. Sept générateurs géométriques dessinent en SVG procédural autant de réseaux cristallins — un quasi-cristal de Penrose (P2), une triangulation de Delaunay, des tuiles de Truchet, un nid-d’abeilles hexagonal, une projection isométrique 30° de cubes, une spirale de Fermat et une grille de points modulée. Tout est piloté par un générateur pseudo-aléatoire déterministe Mulberry32 (graine 0x4C415443), garant d’une composition unique mais reproductible. Mise en page en bento grid plein écran, micro-interactions au survol en CSS pur, palette néon cyan / violet / magenta sur bleu nuit. Zéro librairie, zéro Canvas, zéro WebGL, zéro CDN — du SVG natif, un fichier unique autonome. Six variables CSS suffisent à tout rebrander. Intégration en 5 minutes.
Idéal pour
Palette — signal cristallin
Questions fréquentes
Les motifs sont-ils vraiment générés par code ?
Oui. Aucun panneau n’est une image exportée : sept algorithmes géométriques tracent le SVG au chargement, pilotés par un générateur pseudo-aléatoire à graine fixe. La composition est donc unique tout en restant reproductible — la signature d’un « chiffre » cristallin.
Qu’est-ce qu’un pavage de Penrose ou une triangulation de Delaunay ?
Le pavage de Penrose (P2) est un pavage apériodique célèbre : il couvre le plan sans jamais se répéter. La triangulation de Delaunay relie un nuage de points en triangles « bien proportionnés ». Avec les tuiles de Truchet, l’hexagone et la projection isométrique, la pièce réunit un véritable atlas de géométries génératives.
Est-ce léger et performant ?
Très. C’est du SVG natif, sans Canvas, sans WebGL et sans aucune librairie ou CDN. Le poids reste minime, le rendu est net sur tous les écrans (responsive jusqu’au mobile), et il n’y a aucune boucle d’animation gourmande — juste des micro-interactions CSS au survol.
Puis-je l’adapter à ma marque ?
Oui, en quelques secondes : six variables CSS contrôlent les trois couleurs d’accent, le fond, le texte et la police. C’est un fichier unique autonome (un bloc HTML, intégration en 5 minutes), au code commenté et modifiable.
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 (tokens couleur, échelle typographique, composants, colorways) et élément séparateur cristallin CSS. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Prisma Lattice · Void Sigil · Ideograph · Signal Atlas · Accueil