Art génératif · Variable font · CSS @property Houdini

Lacquer Manifesto

La laque ne s'explique pas. Elle s'impose, couche après couche, depuis des siècles. Un titre qui s'encre sous vos yeux, de l'ultra-fin au massif, sur un ivoire parchemin où le vide est le vrai luxe.

Au chargement, le titre s'encre: sa graisse passe de 100 à 800 en moins d'une seconde, puis respire. Parchemin, or-laque et ambre, sans une image.

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

Aucune image, aucun moteur: la signature visuelle naît d'une police variable (Big Shoulders Display) dont l'axe de graisse est animé en direct. Le moment d'ouverture encre le titre de la graisse 100 (ultra-fin) à 800 (massif architectural) via une propriété personnalisée Houdini (@property) interpolée par le navigateur, sur un spring de décélération luxe. Après l'encrage, le titre respire imperceptiblement, entre 800 et 755. Tout le reste est du CSS pur et de la composition typographique au cordeau: au moins 80 pour cent de la surface reste en ivoire, parce que l'espace négatif est le message. Dégradation soignée garantie: prefers-reduced-motion fige la graisse à 700, un noscript affiche un titre statique doré, et des replis @supports couvrent les navigateurs sans variable font ni @property. Fichier unique autonome, zéro dépendance externe critique.

Idéal pour

Maisons de luxeJoaillerie & horlogerieCosmétique & parfumVins & spiritueuxMode & maroquinerieGaleries & éditions limitéesManifestes de marque & pages identité

Palette, monochrome chaud désaturé

Ivoire #F8F3EC
Or-laque #C4A35A
Ambre #8B6A2E
Chrome parchemin #E8D5A0
Encre #2A2420

Questions fréquentes

Pourquoi le fond est-il presque vide ?

C'est volontaire et c'est le cœur du parti pris: dans le luxe, l'espace négatif est actif. Au moins 80 pour cent de la surface reste en ivoire pour laisser respirer le titre et le manifeste. On ne remplit pas, on compose.

L'animation fonctionne-t-elle partout ?

Oui, avec une dégradation soignée. Là où la police variable et @property sont gérés, le titre s'encre et respire. Sinon, des replis affichent un titre massif doré, statique et parfaitement lisible. La pièce respecte aussi les préférences de réduction de mouvement.

Combien coûte sa mise en place, et peut-on l'adapter ?

L'intégration démarre à CHF 890: le texte du manifeste, les graisses de départ et d'arrivée, la palette et la police variable se changent via des variables CSS documentées (un rebrand joaillerie platine est fourni). Un site signature bâti autour démarre à CHF 2 500.

Comment on l'intègre

On pose le manifeste chez vous. On compose votre texte, les graisses de départ et d'arrivée et la palette d'or, puis on installe le titre en hero ou en page identité. Intégration dès CHF 890. Un site signature bâti autour 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