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.
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 « WOW » 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 (800 ↔ 755). Tout le reste est du CSS pur et de la composition typographique au cordeau : ≥ 80 % 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
Palette — monochrome chaud désaturé
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 % 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.
Puis-je l’adapter à ma marque ?
Entièrement. Le texte du manifeste, les graisses de départ/arrivée, la palette et même la police variable se changent via des variables CSS documentées (un exemple de rebrand « joaillerie platine » est fourni). 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, échelle typographique, tokens, mode sombre) et documentation. Usage commercial illimité.
Voir toute la collection → Tout l’art génératifÀ découvrir aussi : Lithograph Engine · Kintsugi Typographique · Opus Aurum · Accueil