Le principe
Un sceau, posé sur du silence
Toute la richesse de la marque tient dans un seul objet : le sceau JM. Autour de lui, rien — des fonds neutres, une typographie système, un unique bleu pour ce qui se clique. Cette retenue est volontaire : elle laisse le sceau et les applications occuper l'espace, sans décor qui vienne les concurrencer.
Le logo
Le sceau JM
Un monogramme JM composé dans la pile système, cerné d'un double anneau et du mot « PROJECTLAB ». En arrière-plan, un réseau relié à une puce évoque le flux qui va de l'idée à l'application livrée. Le sceau s'emploie en monochrome : encre sur fond clair, blanc sur fond sombre. Jamais en couleur. Comme le reste, il n'embarque aucune police : le monogramme est du texte, pas un tracé. Il suit donc la police du système et se dessine légèrement différemment sur Mac, Windows et Android — c'est le prix de la pile système, assumé ici jusque dans le sceau.
Protection & tailles
Laisser le sceau respirer
L'espace libre minimal autour du sceau vaut la hauteur du « J » (repère X). Aucun texte ni élément graphique n'entre dans cette zone.
Sous 48 px, le sceau change de dessin
L'anneau de texte et le réseau en arrière-plan sont dessinés pour le grand format. Sous 48 px ils ne tiennent plus dans les pixels disponibles et s'empâtent en une tache grise. Une variante simplifiée prend alors le relais : un anneau unique épaissi, le monogramme plus généreux, ni texte d'anneau ni réseau. Fichiers logo-mark-small-ink.svg et logo-mark-small-white.svg.
C'est elle qui sert dans l'en-tête du site et dans la favicon, où le sceau travaille seul et sans le mot. Le sceau détaillé reste la règle partout ailleurs, à commencer par l'accueil : il s'y affiche à 180 px, taille à laquelle l'anneau se lit sans effort et dit le nom de l'atelier.
Palette
Encre, gris nuage, un bleu
Deux neutres portent presque toute l'interface. Le bleu est réservé à ce qui est actionnable — liens, boutons, mise en avant — et n'est jamais utilisé en décoration. Chaque teinte a son équivalent en mode sombre.
Encre
#1D1D1F — sombre : #F5F5F7
Texte principal, logo, fonds inversés.
Gris texte
#6E6E73 — sombre : #A1A1A6
Texte secondaire, légendes, libellés.
Gris nuage
#F5F5F7 — sombre : #101012
Fond des sections alternées et des tuiles.
Bleu
#0071E3 — sombre : #2997FF
Seul accent. Liens, boutons, focus clavier.
Filet
#D2D2D7 — sombre : #2A2A2C
Séparateurs, contours de champs et de cartes.
Typographie
La police du système
Aucune police n'est téléchargée. La pile système affiche SF Pro sur Mac, iPhone et iPad, Segoe UI sur Windows, Roboto sur Android : le texte est toujours natif, instantané, et aucune donnée de visite ne part vers un tiers. Les titres sont serrés (−0,02 em) et jamais plus gras que semi-bold.
Ne jamais embarquer SF Pro comme webfont. Les fichiers distribués par Apple sont réservés aux maquettes d'interfaces d'applications Apple : l'usage web, l'intégration et la redistribution sont interdits par leur licence. Passer par la pile système, comme ici, est la seule façon correcte d'obtenir SF Pro sur le web — et elle l'affiche déjà sur tous les appareils Apple.
Usages
Ce que le sceau accepte, ce qu'il refuse
À faire
Monochrome, proportions d'origine, zone de protection respectée.
À éviter
Étirer ou déformer le sceau.
À éviter
Le colorer : il reste encre ou blanc.
À éviter
Le faire pivoter — le texte en arc doit rester à l'endroit.
À éviter
Ajouter ombre portée, relief ou dégradé.
À éviter
Poser la version encre sur un fond trop sombre pour elle.
En application