Charte graphique
Référence pour reproduire la boutique Ridalux : logo, couleurs, typographie, composants, mouvement.
Logo
Wordmark RIDALUX en Barlow Condensed 700, interlettrage 4,2 px pour 24 px. Monogramme : carré à filet fin et deux traits obliques, le second en ambre.
Couleurs
Base graphite et anthracite, textes blanc cassé, un seul accent ambre (prix, focus, numéros, petits filets). Sections claires et sombres en alternance.
Graphite#0E0F11
Anthracite#1A1C20
Anthracite 2#25282D
Ambre (accent)#E0A32E
Blanc cassé#F2F0EB
Gris très clair#F3F4F5
Fond de carte#E8EAEC
Ambre foncé (prix sur clair)#9A6612
Encre#16181B
Texte secondaire#5F646B
Filets#D8DBDF
Secondaire sur sombre#9EA2A8
Typographie
Titres : Barlow Condensed 600 en capitales. Texte : Inter 400/500/600. Chiffres tabulaires pour les prix.
Titre hero — Barlow Condensed 600
58 → 150 px, interligne 0,88Équipé
58 → 150 px, interligne 0,88Équipé
Titre XL — 46 → 92 pxPour la route
Titre L — 38 → 64 pxLa gamme
Surtitre — Inter 600, 12 px, capitales
01 La gamme
Texte courant — Inter 400, 15 px / 1,6
Le son passe par le Bluetooth si votre autoradio le permet, ou par le transmetteur FM intégré.
Prix + prix barré — Inter 600, tabulaire99,00 €179,00 €
Boutons
Hauteur 52 px, angles 2 px, Inter 600 13 px en capitales. Primaire plein, secondaire en contour ; inversés sur fond sombre.
Carte produit
Visuel carré sur #E8EAEC (multiply), univers, nom, mention livraison, filet, prix + prix barré, bouton d’ajout.
Mouvement
Apparitions au scroll : fondu + translation de 24 px, 0,7 s. Bandeau défilant : 45 s par cycle. Tout est désactivé si l’utilisateur a demandé à réduire les animations.
Espacements
Largeur max 1 320 px, marges 40 px (24 px sous 980 px). Sections 112 / 80 / 64 px.