Tonal Bloom — Art génératif sonore interactif (Tone.js)

Art génératif · Sonore & interactif · Suisse

Tonal Bloom

Une identité de marque sonore qui prend forme quand on l’écoute. Chaque clic déclenche une note de synthèse et fait éclore une fleur dessinée par l’analyse spectrale du son. Le visuel est le son — désaturé, glacé, avec un éclat d’aqua réservé aux pics d’intensité.

→ Cliquez dans le cadre pour faire fleurir un son. Quatre modes : pétale, cristal, spirale, tempête.

La technique derrière le design

Le son et l’image sont la même chose. Un clic joue une note via synthèse audio (Tone.js) sur une gamme pentatonique sur trois octaves — par construction, aucune interaction ne peut sonner faux. En parallèle, une analyse spectrale (FFT) du son génère la géométrie de la fleur : plus le son est riche, plus la corolle est complexe. Les blooms persistent quelques secondes comme une empreinte sonore. Entièrement autonome : moteur audio embarqué, aucune dépendance externe.

Idéal pour

Branding sonore & studios audioMarques musicales & podcastsLancements produit techInstallations interactivesBien-être & méditation sonoreAgences créatives

Palette

Blanc glacé
Ice Blue
Lavender Arctic
Arctic Mist
Electric Aqua
Nuit profonde

Questions fréquentes

Y a-t-il vraiment du son ?

Oui — c’est le cœur de la pièce. Chaque interaction synthétise une note (moteur Tone.js), sur une gamme pentatonique pensée pour rester toujours harmonieuse. La forme de chaque fleur découle directement du spectre de ce son.

Le son démarre-t-il tout seul ?

Non. Conformément aux navigateurs modernes, l’audio ne se déclenche qu’après une action du visiteur (le premier clic). Avant cela, la pièce reste un visuel silencieux, propre et élégant.

Puis-je l’intégrer et l’adapter à ma marque ?

Oui. Le widget s’intègre en 5 minutes (un bloc HTML autonome) et un panneau permet de changer de mode et d’ajuster le rendu. La charte design complète (couleurs, typographie, tokens) est livrée 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