Clododesign

Fossile Numérique — une forme qui naît, décline et laisse sa trace

Art génératif · CSS + SVG · Pièce temporelle

Fossile Numérique

Laissez le temps faire son œuvre. Une présence s’éveille dans le silence du parchemin, croît comme une fronde, puis s’efface — et ne laisse qu’une trace dorée, éternelle dans l’oubli. Une pièce qui se contemple plutôt qu’elle ne se consomme.

→ Trois actes en silence : naissance (la forme s’éveille), déclin (elle s’efface), trace (l’empreinte dorée demeure). Laissez la scène se dérouler.

La technique derrière le design

Aucun canvas, aucun moteur graphique : tout est SVG dessiné et animé en CSS pur. La forme organique — une fronde fossile — se trace par animation de tracé (stroke-dashoffset) au fil de trois actes orchestrés dans le temps : naissance, déclin, trace. La narration est encodée jusque dans la couleur, monochrome chaude désaturée et volontairement non-substituable : sépia profond pour la présence vivante, ambre pour la disparition, or fané pour la trace qui survit. ≥ 70 % de la surface reste en parchemin — le vide est mémoire. La pièce respecte prefers-reduced-motion (la forme finale s’affiche sans animation) et fonctionne partout, sans le moindre script lourd. Fichier unique autonome, zéro dépendance externe critique.

Idéal pour

Galeries d’art & institutionsÉdition patrimoine & luxeParfumerie nicheArchitecture & designMaisons artisanales & slow brandsMémoriaux & hommagesPages « à propos » & manifestes

Palette — monochrome chaude mémorielle

Parchemin #F5EDE0
Sépia profond #3A2015
Ambre #D4A878
Or fané #B8943C
Sépia moyen #6B4226

Questions fréquentes

Pourquoi faut-il « attendre » ?

C’est le cœur de la pièce : une méditation sur le temps et la mémoire. La forme naît, vit et s’efface en trois actes, et seule sa trace dorée demeure. La lenteur n’est pas un défaut, c’est le message — une respiration rare sur le web.

Est-ce vraiment sans canvas ni librairie ?

Oui. Tout est en SVG et CSS pur : aucun canvas, aucun WebGL, aucune librairie. C’est donc ultra-léger, accessible (respect de la réduction de mouvement), et fonctionne sur n’importe quel appareil — un fichier unique autonome.

Puis-je l’adapter à mon identité ?

Oui, via des variables CSS. Des recettes de rebrand sont fournies (galerie blanche, parfumerie noire, architecture béton) tout en préservant la sémantique narrative des trois actes. Intégration en 5 minutes, un seul bloc HTML.

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

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