La marque

Le logo d’origine a été redessiné en vectoriel propre : tracés recadrés au plus juste, textes convertis en courbes (aucune police à installer), palette normalisée et déclinaisons pour fonds clairs, fonds sombres et usages monochromes. Tous les fichiers ci-dessous sont régénérables avec tool/build_brand_assets.py.

Déclinaisons

Logo vertical sur fond clair
logo-vertical.svg
Logo horizontal sur fond clair
logo-horizontal.svg
Symbole seul : l’ampoule
mark.svg
Logo vertical sur fond sombre
logo-vertical-dark.svg
Logo horizontal sur fond sombre
logo-horizontal-dark.svg
Icône d’application
icon.svg
Symbole monochrome sur fond clair
mark-mono.svg
Logo horizontal monochrome sur fond clair
logo-horizontal-mono.svg
Logo horizontal monochrome sur fond sombre
logo-horizontal-mono.svg (fond sombre)

Les fichiers -mono utilisent currentColor : collés en SVG inline dans une page, ils prennent la couleur du texte environnant. Chargés via une balise <img> ou ouverts seuls, ils restent noirs : c’est normal, un SVG externe n’hérite pas de la couleur de la page. La vignette sur fond sombre ci-dessus est inversée pour la démonstration.

Couleurs

Bleu#4987AC
Terracotta#C9885D
Rayon#FFC42C
Verre#FDE594
Filament#D09027
Ardoise#494C4D
Acier#B6B9B9
Papier#FBF8F3

Bons usages

  • Laisser autour du logo une marge libre au moins égale à la hauteur du culot de l’ampoule.
  • Sur fond sombre, utiliser les variantes -dark : le culot gris foncé du symbole y est éclairci pour rester lisible.
  • En dessous de 24 px de haut, préférer le symbole seul (mark.svg) ou l’icône (icon.svg) au logo complet.
  • Ne pas déformer, recolorer arbitrairement, ni ré-espacer le texte : les lettres sont vectorisées pour que la marque reste identique partout.

Fichiers

Vectoriels (SVG)

Images (PNG)