Charte graphique Lampi
Marque d'énergie nomade, esprit aventure : forêt nuit profond et sable chaud, orange coucher de soleil franc sur les actions et les prix, titres condensés très gras en capitales.
Logo
« LAMPI » en Barlow Condensed 800 vectorisé, précédé d'un soleil couchant orange (#FF6B1A) sur l'horizon. Hauteur mini : 18 px. Lettres en sable sur fond sombre, en forêt nuit sur fond clair.
Couleurs
#0F1A14Fonds sombres, en-tête, pied de page, texte principal
#17261DSurfaces sombres secondaires
#F4EDE1Fond principal
#EAE0CDSections alternées
#E6DCC8Fond des photos produit (multiply)
#FBF7EFChamps, puces, lignes du comparateur
#FF6B1ABoutons, étiquettes, prix sur fond sombre, bandeau, bloc star
#D9500APrix sur fond sable
#2F3A32Paragraphes
Typographies
76–132 / 48–54 px · interligne 0,86–0,92Quand le courant fait une pause
52–84 / 38–44 pxComparer les stations
22–28 pxStations électriques
18 / 16 px · interligne 1,6Stations électriques, panneaux solaires et petites lampes pour garder le frigo froid.
16 px · interligne 1,6 · #2F3A32Une batterie LiFePO4 de 1 024 Wh dans un boîtier à poignée, avec des prises secteur.
28 (carte) · 60 (fiche) · 64–108 px (blocs star)549,00 €
14 px · capitales · espacement 14 % · orangeÉnergie autonome
Polices auto-hébergées (woff2, dossier fonts/). Espaces insécables entre nombre et unité : 1 024 Wh, 300 W, 14 h.
Boutons et éléments
Hauteur 50 px, rayon 3 px, Barlow Condensed 700 17 px capitales. Orange = action principale (texte forêt nuit), forêt = secondaire.
Carte produit
Lumières et radios
Une lumière de bougie au milieu de la table, sans flamme et sans souci.
34,90 €
Vignette carrée, fond #E6DCC8, photo en mix-blend-mode: multiply, object-fit: contain, marge 8 %. Étiquette catégorie orange, titre Inter 600, prix Barlow Condensed 800 orange, bouton Ajouter.
Pictogrammes
Grille 24, trait 1,5 px, bouts arrondis, couleur du texte. Pas d'éclair, pas de bouclier, pas d'emoji.
Espacements
Conteneur 1 320 px + marges 40 px (20 px mobile). Sections 112 px (64 px mobile). Grille produits 4 colonnes, gouttière 20 px (2 colonnes, 12 px sur mobile). En-tête 68 px (60 px mobile), identique sur toutes les pages.