Kit de marque
mcp.tc donne à chaque serveur MCP une page à un lien que vous pouvez deviner. Voici son logo, ses couleurs et ses polices, avec quelques règles d’utilisation.
ZIP, 134 Ko. Tous les fichiers du logo en SVG et PNG, un README et la licence des polices.
Le logo
Un logotype complet pour la plupart des usages et un symbole pour les petits espaces, en noir et en blanc.
L’idée
Le symbole est un carré arrondi dans lequel une forme est découpée : le point de mcp.tc, lancé vers l’avant. En Geist, la police du logotype, un point est un carré. Les trois traînées de vitesse derrière lui représentent une requête qui quitte votre client et atteint le serveur aussitôt.
À part les coins arrondis, chaque bord est horizontal ou vertical et repose sur une grille de 32 unités. Le symbole reste ainsi net jusqu’à 16 px, où chaque unité vaut un demi-pixel et les traînées font 1, 2 et 1 px de haut.
Le logotype complet
Le logotype est « mcp.tc » en Geist SemiBold, vectorisé. Ses minuscules ont exactement la hauteur du point du symbole, et tous deux reposent sur la même ligne de base : le symbole se lit comme une partie du nom.
Utilisez les fichiers tels quels. Un logotype recomposé à partir de la police perd l’approche plus serrée (−0,02 em) et l’espacement exact avec le symbole.
Fichiers
Du SVG pour tout ce qui change de taille, du PNG transparent pour le reste. Les PNG sont recadrés au plus près du dessin : ajoutez vous-même la zone de protection.
-
Logotype complet
Le symbole et le logotype côte à côte. À utiliser en priorité.
- Noir
- Logotype complet, Noir, SVGLogotype complet, Noir, PNG 230×64Logotype complet, Noir, PNG 460×128Logotype complet, Noir, PNG 920×256
- Blanc
- Logotype complet, Blanc, SVGLogotype complet, Blanc, PNG 230×64Logotype complet, Blanc, PNG 460×128Logotype complet, Blanc, PNG 920×256
- Toute couleur
- Logotype complet, toute couleur, SVGSur une page web, il prend la couleur du texte (currentColor) ; ailleurs, il s’affiche en noir.
-
Logotype empilé
Le symbole au-dessus du logotype, pour les espaces carrés et étroits.
-
Symbole
Le carré arrondi seul, avec la forme découpée pour laisser voir le fond. Pour les petits espaces sur un fond uni.
- Noir
- Symbole, Noir, SVGSymbole, Noir, PNG 64Symbole, Noir, PNG 128Symbole, Noir, PNG 256Symbole, Noir, PNG 512Symbole, Noir, PNG 1024
- Blanc
- Symbole, Blanc, SVGSymbole, Blanc, PNG 64Symbole, Blanc, PNG 128Symbole, Blanc, PNG 256Symbole, Blanc, PNG 512Symbole, Blanc, PNG 1024
- Toute couleur
- Symbole, toute couleur, SVGSur une page web, il prend la couleur du texte (currentColor) ; ailleurs, il s’affiche en noir.
-
Tuile
Le symbole avec sa forme pleine : blanche sur la tuile noire, noire sur la blanche. Pour les favicons, les photos et les fonds chargés.
-
Avatar
Un carré plein avec la seule forme, pour les photos de profil et les icônes d’application recadrées en cercle ou en carré arrondi.
Utiliser le logo
Laissez-lui de l’espace, gardez-le assez grand pour être lisible, et placez-le là où il contraste.
Zone de protection
Laissez au moins X d’espace libre de chaque côté. X est le côté du point du symbole : 3/8 de la hauteur du symbole. Un logotype de 32 px de haut demande 12 px ; un de 64 px en demande 24.
Le texte, les autres logos et le bord de la page restent en dehors de cette marge.
Taille minimale
- Symbole
- 16 px de haut à l’écran, 5 mm à l’impression
- Logotype complet
- 72 px de large (20 px de haut) à l’écran, 20 mm de large à l’impression
- En dessous
- Utilisez le symbole seul
À l’écran, le symbole est le plus net aux multiples de 16 px : 16, 32, 48, 64. Chaque bord tombe alors sur un pixel entier.
Fonds
En situation
MCP servers, properly addressed.
mcp.tc/i/notion
À éviter
On reconnaît un logo qui a partout le même aspect : utilisez-le tel quel.
Ne le recolorez pas. Utilisez le noir, le blanc ou la tuile.
Ne l’étirez pas et ne l’écrasez pas.
Ne le faites pas pivoter.
N’ajoutez ni contours, ni ombres, ni dégradés.
Ne déplacez, ne redimensionnez ni n’espacez autrement les traînées.
Ne le placez pas là où il manque de contraste.
Ne composez pas le logotype dans une autre police.
N’ajoutez pas de mots au logotype.
Couleurs
Du noir, du blanc et une gamme de gris. La couleur est réservée à quatre états qui disent ce dont un serveur a besoin ; la seule autre couleur sur mcp.tc vient des icônes des serveurs.
Encre
Le logo, ainsi que le texte et les boutons principaux du thème clair. C’est aussi le fond du thème sombre.
#0A0A0ARGB 10 10 10Papier
Les fonds, et les fichiers du logo pour fonds sombres. Encre sur Papier offre un contraste de 19,8:1. Sur le thème sombre de mcp.tc, le logo prend la couleur du texte, #EDEDED.
#FFFFFFRGB 255 255 255Interface
| Couleur | Utilisée pour | Thème clair | Thème sombre |
|---|---|---|---|
Fond--bg | Fond de page | #FFFFFFRGB 255 255 255 | #0A0A0ARGB 10 10 10 |
Surface--bg-2 | Champs de lien, code, pied de page | #FAFAFARGB 250 250 250 | #111111RGB 17 17 17 |
Survol--bg-3 | Remplissages au survol, éléments sélectionnés | #F2F2F2RGB 242 242 242 | #1A1A1ARGB 26 26 26 |
Filet--line | Bordures des cartes et panneaux, séparateurs | #EBEBEBRGB 235 235 235 | #232323RGB 35 35 35 |
Bordure--line-2 | Boutons et puces | #D9D9D9RGB 217 217 217 | #333333RGB 51 51 51 |
Bordure de champ--line-input | Bordures des champs de texte (3:1 requis) | #8F8F8FRGB 143 143 1433,23:1 | #616161RGB 97 97 973,20:1 |
Texte tertiaire--fg-3 | Indications, dates, le préfixe mcp.tc/i/ | #6B6B6BRGB 107 107 1075,33:1 | #8C8C8CRGB 140 140 1405,89:1 |
Texte secondaire--fg-2 | Descriptions et notes | #4D4D4DRGB 77 77 778,45:1 | #A3A3A3RGB 163 163 1637,85:1 |
Texte--fg | Texte, boutons principaux, anneaux de focus et le logo du site | #0A0A0ARGB 10 10 1019,80:1 | #EDEDEDRGB 237 237 23716,91:1 |
Bouton au survol--btn-hover | Bouton principal au survol | #2E2E2ERGB 46 46 46 | #CFCFCFRGB 207 207 207 |
États
| État | Signification | Thème clair | Thème sombre |
|---|---|---|---|
| Sans compte Vert --ok--ok-text | Le serveur n’a besoin ni de compte ni de clé. | #16A34APointRGB 22 163 743,30:1#15803DTexteRGB 21 128 615,02:1 |
#22C55EPointRGB 34 197 948,69:1#4ADE80TexteRGB 74 222 12811,36:1 |
| Connexion Ambre --warn--warn-text | Plein : le serveur demande une connexion ou une clé API. Anneau : la connexion est facultative. | #D97706PointRGB 217 119 63,19:1#B45309TexteRGB 180 83 95,02:1 |
#F59E0BPointRGB 245 158 119,22:1#FBBF24TexteRGB 251 191 3611,86:1 |
| Local Gris --local | Plein : le serveur tourne sur votre machine. Anneau : un serveur distant dont nous n’avons pas pu confirmer la connexion. | #8F8F8FPointRGB 143 143 1433,23:1 |
#737373PointRGB 115 115 1154,18:1 |
| Dernière vérification échouée Rouge --err--err-text | La dernière vérification a échoué, ou la fiche a été retirée. | #DC2626PointRGB 220 38 384,83:1#B91C1CTexteRGB 185 28 286,47:1 |
#EF4444PointRGB 239 68 685,26:1#F87171TexteRGB 248 113 1137,16:1 |
Le contraste est mesuré par rapport au fond de page. Les couleurs de texte atteignent au moins 4,5:1 et les points au moins 3:1, et chaque point est accompagné d’un libellé : la couleur n’est jamais le seul signal.
Typographie
Geist pour ce que vous lisez, Geist Mono pour ce que vous copiez.
Geist
Ajoutez-le à votre client. Notion vous demande de vous connecter la première fois.
Regular 400Medium 500SemiBold 600
Titres, texte, boutons et libellés. Le logotype est en Geist SemiBold.
Geist Mono
mcp.tc/i/notion
Regular 400Medium 500SemiBold 600
Liens, commandes, code, noms d’outils et de paquets. Dans un lien, le préfixe est gris et le nom en SemiBold.
- Titre d’accueilGeist 600 · 34–52 px · −0.04 em
- Titre de pageGeist 600 · 28–36 px · −0.035 em
- Titre de sectionGeist 600 · 24 px · −0.025 em
- IntertitreGeist 600 · 16 px · −0.01 em
- Texte courant, interligne 1,5Geist 400 · 16 px
- Boutons, navigation, libellésGeist 500 · 14 px
- Notes et légendesGeist 400 · 13 px
- https://mcp.tc/i/deepwikiGeist Mono 400 / 600 · 17 px
- claude mcp add --transport http deepwiki https://mcp.deepwiki.com/mcpGeist Mono 400 · 13 px
Geist et Geist Mono sont signées Vercel, avec basement.studio, et libres sous SIL Open Font License 1.1. Vous les trouverez sur github.com/vercel/geist-font ou sur Google Fonts. Les fichiers du logo n’ont pas besoin des polices : le logotype est déjà vectorisé.
Nom et vocabulaire
Comment écrire sur mcp.tc en restant fidèle à ce que dit le site.
Le nom
mcp.tcen minuscules, avec le point, même en début de phrase.- Le lien d’une fiche :
mcp.tc/i/notion. Ajoutezhttps://quand on va le copier. - Pas MCP.TC, Mcp.tc, MCP.tc, MCP TC, mcp .tc ni mcptc.
Les mots
- Appelez-le un lien : « copier le lien », « partager le lien ».
- Dites lien rapide seulement pour le distinguer de l’URL du serveur.
- Le lien ouvre la page du serveur. Les clients se connectent à l’URL du serveur lui-même.
- Ne lui donnez pas d’autre nom, et ne présentez pas mcp.tc comme un proxy ni comme une redirection.
Descriptions à réutiliser
- Une ligne
mcp.tc : des serveurs MCP, à la bonne adresse.
- Courte
mcp.tc est un annuaire de serveurs MCP. Chaque serveur reçoit un lien, comme mcp.tc/i/deepwiki, vers une page avec ses outils et une configuration en un clic pour Claude, Cursor ou VS Code qui se connecte directement au serveur.
- Longue
mcp.tc est un annuaire gratuit de serveurs Model Context Protocol (MCP). Chaque fiche reçoit son propre lien, comme mcp.tc/i/notion, qui ouvre une page avec les outils du serveur et les étapes de configuration pour Claude, Cursor, VS Code et d’autres clients. La configuration connecte votre client directement à l’URL ou au paquet du serveur lui-même, et les connexions et clés API ne passent jamais par mcp.tc. mcp.tc n’est pas affilié aux serveurs qu’il référence.
Contact
Pour les questions de presse ou de marque, ou un format absent d’ici, écrivez à privacy@mcp.tc. Vous pouvez utiliser ces fichiers pour faire un lien vers mcp.tc, écrire à son sujet ou montrer que votre serveur est référencé. Ne les utilisez pas d’une manière qui suggère que mcp.tc approuve ou exploite votre produit.
mcp.tc n’est pas affilié aux éditeurs qu’il référence. Leurs noms et logos leur appartiennent ; ce kit ne couvre que les marques de mcp.tc.