Reflet doux, bord fin, surface vivante.
Carte validée pour modules premium, blocs techniques et contenus mis en avant.
Design system
Light liquid glass technical
Page de validation resserrée : on garde les composants approuvés, on ajoute les fondamentaux typo/couleurs/cartes, et on s’en sert pour figer progressivement les variables du thème.
Tokens
Couleurs de référence
Ces échantillons servent à stabiliser les variables globales : ink, paper, gold et glass. Le but est de vérifier leur comportement sur surfaces claires, glass et fonds complexes.
Ink
--al-color-inkPaper
--al-color-paperGold
--al-color-goldGlass
--al-glass-bgTypography
Hiérarchie texte
Heading 1
text-h1
PT Serif / 46 px / 56 px / 700
Heading 2
text-h2
PT Serif / 38 px / 46 px / 700
Heading 3
text-h3
PT Serif / 24 px / 29 px / 700
Overline 1
text-overline-1
Manrope / 38 px / 46 px / 800
Subtitle 1
text-subtitle-1
Manrope / 24 px / 29 px / 600
Body 1 — Extrait éditorial destiné aux cards, intros de pages et previews d’articles.
text-body-1
Manrope / 18 px / 29 px / 400
Bold — graisse de contraste pour labels, chiffres et emphasis.
text-bold
Manrope / 18 px / 29 px / 800
Cette table sert de base de décision : H1 reste le repère dominant, H2 redevient une marche inférieure, puis H3/subtitle/body descendent clairement en densité.
Links
Liens texte et états interactifs
Les liens doivent rester lisibles sans concurrencer les CTA. Le soulignement fin permet de garder une présence éditoriale sobre.
Buttons
Boutons conservés pour validation
On garde uniquement les pistes validées : droplet et gooey fill en ink/blanc. Les variantes ghost restent hors page de validation pour éviter la dispersion.
Glass over image
Panel glass validé
Panel clair sur image contrastée.
Cette section conserve le panel glass validé. On pourra lui ajouter une animation de sortie contrôlée via la classe is-exiting, sans animation spontanée permanente.
Cards
Cartes éditoriales et glass
Surface claire et contenu lisible.
Base pour listes d’articles, extraits de modèles et liens internes secondaires.
Un extrait court, utile, respirant.
Cette variante permet de tester les espacements, les tailles et la densité de lecture sur carte glass sans effet sheen.
Archive model reference
Cartes issues de la page archive-modeles
Ces cartes reprennent la structure actuelle de l’archive modèles : mêmes classes, même filtre SVG local et même langage visuel. Seul le fond est rendu plus transparent pour juger le verre et la lisibilité.
1963 — 196501
DB5
La voiture la plus célèbre du monde
282 chPuissance
8.1 s0 — 100
233 km/hVmax
202302
DB12
Le premier Super Tourer
680 chPuissance
3.6 s0 — 100
325 km/hVmax
202403
Valhalla
La supercar hybride de route
1064 chPuissance
2.5 s0 — 100
350 km/hVmax
