Fondations

Marque

Le symbole « Point d’équilibre » : deux quarts de couronne marine opposés autour d’un point central menthe qui ne les touche pas — une information qui circule entre les modules. Logotype en General Sans SemiBold, capitales, interlettrage ≈ 0,14 em.

Logo
LogoSymbol

Logo horizontal

Composant Logo : symbole + logotype. Taille minimale avec logotype : 32 px.

size={24} · sous le minimum

size={28} · sous le minimum

size={32}

size={40}

size={56}

tone="auto" (défaut) size={28} · suit le thème

tone="auto" (défaut) size={40} · suit le thème

tone="mono" (impression une couleur)

tone="mono" + text-fg-default (suit le thème)

import { Logo } from '@synapse/ui';

<Logo size={32} tone="color" />                     // couleur, fonds clairs
<Logo size={28} tone="negative" />     // sidebar marine, fonds sombres
<Logo size={32} tone="mono" />         // prend currentColor
<Logo size={28} symbolOnly />          // sidebar repliée

Symbole seul

LogoSymbol : 16 px minimum. À 20 px et moins, la géométrie simplifiée du favicon est utilisée automatiquement (arcs plus épais, point plus gros).

16 px · simplifié

20 px · simplifié

24 px

32 px

48 px

64 px

96 px

Règles d’usage

Zone de protection : au moins le diamètre du point menthe autour du logo.

À faire : Version couleur sur fond clair, avec sa zone de protection.

À faire : Version négative (arcs blancs, point menthe) sur marine ou fond sombre.

À faire : Symbole seul quand la place manque (sidebar repliée, favicon).

À éviter : Déformer le logo (étirement, compression).

À éviter : Recolorer les arcs en menthe ou dans une autre couleur.

À éviter : Version couleur sur fond sombre : les arcs marine disparaissent.

À éviter : Ajouter des effets (ombre portée, dégradé, contour).

À éviter : Faire toucher le point et les arcs, ou modifier la géométrie.

Rizerie Démo du Sourou SAFacture FAC-2026-00377Édité avec SYNAPSE

À faire : Logo du client sur les documents imprimés, mention « Édité avec SYNAPSE » en pied de page.

Décision Q-23 : le « Λ » sans barre

Décision D-026 (2026-10-13), statut acceptée.

SYNΛPSE

Retenu : « Λ » sans barre, comme sur la planche validée

SYNAPSE

Rendu actuel des SVG du kit et du composant Logo : « A » standard en texte

Logotype vectorisé à produire

Les SVG du kit utilisent un texte modifiable en General Sans avec un « A » standard et dépendent de la police installée. À produire : le logotype vectorisé en tracés avec le Λ, dans toutes les déclinaisons. En attendant, l’application rend le logotype en texte General Sans.

Téléchargements

Fichiers SVG du kit de marque (servis depuis /brand/).

Logo principalsynapse-logo-primary.svg
Horizontal — couleursynapse-horizontal-color.svg
Horizontal — négatifsynapse-horizontal-negative.svg
Horizontal — noirsynapse-horizontal-black.svg
Vertical — couleursynapse-vertical-color.svg
Vertical — négatifsynapse-vertical-negative.svg
Symbole — couleursynapse-symbol-color.svg
Symbole — blancsynapse-symbol-white.svg
Symbole — noirsynapse-symbol-black.svg
Icône d’app — clairesynapse-app-icon-light.svg
Icône d’app — sombresynapse-app-icon-dark.svg
Favicon 16 pxsynapse-favicon-16.svg