Art génératif · CSS Houdini · Sumi-e

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é. Prête à poser sur votre site.

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.

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

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

Slow beauty & cosmétique naturelleWellness & spa premiumCéramique artisanale de luxeÉdition & poésieArchitecture contemplativeGastronomie japonaiseTextile de luxe

Palette, pierre & encre

Papier #E7E0D0
Pierre #C9BFA8
Cendre #8A7E6A
Terracotta #B5673F
Sépia #3D3028
Encre #1A1412

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.

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

L'intégration démarre à CHF 890. On choisit le colorway (Pierre & Encre, Sable & Minuit, Ardoise & Mousse ou Cendre & Or), on accorde la densité et le geste des traits à votre charte, puis on pose la composition en hero ou en section calme. C'est un fichier unique autonome, avec repli SVG gracieux. Un site signature construit autour démarre à CHF 2 500.

Comment on l'intègre

On pose l'encre chez vous. On choisit le colorway (Pierre & Encre, Sable & Minuit, Ardoise & Mousse ou Cendre & Or), on accorde la densité et le geste des traits sumi-e à votre charte, puis on installe la composition en hero ou en section calme sur votre site. Intégration dès CHF 890. Un site signature bâti autour de cette identité wabi-sabi 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