Lenteur Organique
Le silence avant que l’encre ne sèche. Une identité née de la philosophie wabi-sabi — la beauté de l’imperfection, la poésie de l’inachevé — où chaque coup de pinceau est tracé, jamais répété.
→ Les coups de pinceau sumi-e se révèlent lentement, l’un après l’autre, comme une encre qui infuse le papier — une composition contemplative qui prend son temps.
La technique derrière le design
Les traits d’encre ne sont pas des images : ils sont peints en direct par le navigateur. Cette pièce s’appuie sur le CSS Houdini Paint Worklet — une API de pointe qui laisse du code dessiner directement un fond CSS, sur le fil du rendu. À chaque surface, un générateur déterministe (Mulberry32, graine « LORO ») trace des coups de pinceau sumi-e en courbes de Bézier, d’épaisseur et d’orientation variables — l’imperfection maîtrisée du geste calligraphique. La révélation est orchestrée en animations CSS pures (clip-path, fondus échelonnés), sans boucle d’animation continue : une fois l’encre posée, la page se repose — fidèle à la lenteur du wabi-sabi. Quatre colorways (Pierre & Encre, Sable & Minuit, Ardoise & Mousse, Cendre & Or), un repli SVG gracieux pour les navigateurs sans Houdini. Fichier unique autonome, zéro dépendance critique.
Idéal pour
Palette — pierre & encre
Questions fréquentes
Qu’est-ce que le wabi-sabi et le sumi-e ?
Le wabi-sabi est une esthétique japonaise qui célèbre l’imperfection, l’éphémère et la sobriété. Le sumi-e est la peinture à l’encre de Chine, où l’on cherche à capturer l’essence d’un sujet en quelques traits chargés d’intention. Cette pièce traduit ces deux philosophies en identité visuelle générative.
Les coups de pinceau sont-ils vraiment générés ?
Oui, par un Paint Worklet CSS Houdini qui dessine chaque trait au rendu, à partir d’une graine déterministe. Rien n’est une image plate : la composition est calculée, et l’animation de révélation se joue en CSS pur, sans boucle continue — elle se pose, puis se tait.
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 critique, avec repli SVG gracieux là où Houdini n’est pas disponible. La densité des traits, leur épaisseur et la palette (4 colorways) se règlent en quelques variables CSS.
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, 4 colorways) et documentation. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Sumi Flow · Fossile Numérique · Lacquer Manifesto · Morphogenèse Organique · Accueil