Kit del marchio
mcp.tc dà a ogni server MCP una pagina a un link che puoi indovinare. Qui trovi il suo logo, i colori e i font, con alcune regole per usarli.
ZIP, 134 KB. Tutti i file del logo in SVG e PNG, un README e la licenza dei font.
Il logo
Un lockup per quasi tutti i casi e un simbolo per gli spazi piccoli, in nero e in bianco.
L’idea
Il simbolo è un quadrato arrotondato da cui è ritagliata una forma: il punto di mcp.tc, lanciato in avanti. In Geist, il carattere del logotipo, il punto è un quadrato. Le tre scie di velocità dietro di lui rappresentano una richiesta che parte dal tuo client e arriva subito al server.
A parte gli angoli arrotondati, ogni bordo è orizzontale o verticale e sta su una griglia di 32 unità. Così il simbolo resta nitido fino a 16 px, dove ogni unità è mezzo pixel e le scie sono alte 1, 2 e 1 px.
Il lockup
Il logotipo è «mcp.tc» in Geist SemiBold, convertito in tracciati. Le sue lettere minuscole sono alte esattamente quanto il punto del simbolo, ed entrambi poggiano sulla stessa linea di base, così il simbolo si legge come parte del nome.
Usa i file così come sono. Un lockup ricostruito dal font perde la spaziatura più stretta (−0,02 em) e la distanza esatta dal simbolo.
File
SVG per tutto ciò che si ridimensiona, PNG trasparente per il resto. I PNG sono rifilati sul disegno, quindi aggiungi tu l’area di rispetto.
-
Lockup
Il simbolo e il logotipo affiancati. Usa prima questo.
- Bianco
- Lockup, Bianco, SVGLockup, Bianco, PNG 230×64Lockup, Bianco, PNG 460×128Lockup, Bianco, PNG 920×256
- Qualsiasi colore
- Lockup, qualsiasi colore, SVGIn una pagina web prende il colore del testo (currentColor); altrove appare nero.
-
Lockup verticale
Il simbolo sopra il logotipo, per spazi quadrati e stretti.
-
Simbolo
Il quadrato arrotondato da solo, con la forma ritagliata così si vede lo sfondo. Per spazi piccoli su uno sfondo uniforme.
- Nero
- Simbolo, Nero, SVGSimbolo, Nero, PNG 64Simbolo, Nero, PNG 128Simbolo, Nero, PNG 256Simbolo, Nero, PNG 512Simbolo, Nero, PNG 1024
- Bianco
- Simbolo, Bianco, SVGSimbolo, Bianco, PNG 64Simbolo, Bianco, PNG 128Simbolo, Bianco, PNG 256Simbolo, Bianco, PNG 512Simbolo, Bianco, PNG 1024
- Qualsiasi colore
- Simbolo, qualsiasi colore, SVGIn una pagina web prende il colore del testo (currentColor); altrove appare nero.
-
Tessera
Il simbolo con la forma piena: bianca sulla tessera nera, nera su quella bianca. Per favicon, foto e sfondi movimentati.
-
Avatar
Un quadrato pieno con la sola forma, per immagini del profilo e icone di app che vengono ritagliate a cerchio o a quadrato arrotondato.
Usare il logo
Dagli spazio, tienilo grande abbastanza da leggersi e mettilo dove ha contrasto.
Area di rispetto
Lascia libera almeno una distanza X su ogni lato. X è il lato del punto nel simbolo: 3/8 dell’altezza del simbolo. Un lockup alto 32 px richiede 12 px; uno alto 64 px ne richiede 24.
Testo, altri loghi e il bordo della pagina restano fuori da quel margine.
Dimensione minima
- Simbolo
- 16 px di altezza su schermo, 5 mm in stampa
- Lockup
- 72 px di larghezza (20 px di altezza) su schermo, 20 mm di larghezza in stampa
- Sotto queste misure
- Usa solo il simbolo
Su schermo il simbolo è più nitido a multipli di 16 px: 16, 32, 48, 64. Così ogni bordo cade su un pixel intero.
Sfondi
Esempi d’uso
MCP servers, properly addressed.
mcp.tc/i/notion
Da evitare
Le persone riconoscono un logo che appare uguale ovunque, quindi usalo così com’è.
Non ricolorarlo. Usa il nero, il bianco o la tessera.
Non allungarlo né schiacciarlo.
Non ruotarlo.
Non aggiungere contorni, ombre o sfumature.
Non spostare, ridimensionare o distanziare diversamente le scie.
Non metterlo dove manca il contrasto.
Non comporre il logotipo con un altro font.
Non aggiungere parole al lockup.
Colori
Nero, bianco e una scala di grigi. Il colore è riservato a quattro stati che dicono cosa serve a un server; l’unico altro colore su mcp.tc viene dalle icone dei server.
Inchiostro
Il logo, più testo e pulsanti principali nel tema chiaro. Anche lo sfondo del tema scuro.
#0A0A0ARGB 10 10 10Carta
Sfondi, e i file del logo per sfondi scuri. Inchiostro su Carta ha un contrasto di 19,8:1. Nel tema scuro di mcp.tc il logo prende il colore del testo, #EDEDED.
#FFFFFFRGB 255 255 255Interfaccia
| Colore | Usato per | Tema chiaro | Tema scuro |
|---|---|---|---|
Sfondo--bg | Sfondo della pagina | #FFFFFFRGB 255 255 255 | #0A0A0ARGB 10 10 10 |
Superficie--bg-2 | Campi dei link, codice, il piè di pagina | #FAFAFARGB 250 250 250 | #111111RGB 17 17 17 |
Hover--bg-3 | Riempimenti al passaggio del mouse, elementi selezionati | #F2F2F2RGB 242 242 242 | #1A1A1ARGB 26 26 26 |
Filetto--line | Bordi di schede e pannelli, separatori | #EBEBEBRGB 235 235 235 | #232323RGB 35 35 35 |
Bordo--line-2 | Pulsanti e chip | #D9D9D9RGB 217 217 217 | #333333RGB 51 51 51 |
Bordo dei campi--line-input | Bordi dei campi di testo (serve 3:1) | #8F8F8FRGB 143 143 1433,23:1 | #616161RGB 97 97 973,20:1 |
Testo terziario--fg-3 | Suggerimenti, date, il prefisso mcp.tc/i/ | #6B6B6BRGB 107 107 1075,33:1 | #8C8C8CRGB 140 140 1405,89:1 |
Testo secondario--fg-2 | Descrizioni e note | #4D4D4DRGB 77 77 778,45:1 | #A3A3A3RGB 163 163 1637,85:1 |
Testo--fg | Testo, pulsanti principali, anelli di focus e il logo del sito | #0A0A0ARGB 10 10 1019,80:1 | #EDEDEDRGB 237 237 23716,91:1 |
Pulsante in hover--btn-hover | Pulsante principale al passaggio del mouse | #2E2E2ERGB 46 46 46 | #CFCFCFRGB 207 207 207 |
Stati
| Stato | Cosa significa | Tema chiaro | Tema scuro |
|---|---|---|---|
| Senza account Verde --ok--ok-text | Il server non richiede account né chiavi. | #16A34APuntoRGB 22 163 743,30:1#15803DTestoRGB 21 128 615,02:1 |
#22C55EPuntoRGB 34 197 948,69:1#4ADE80TestoRGB 74 222 12811,36:1 |
| Accesso Ambra --warn--warn-text | Pieno: il server chiede un accesso o una chiave API. Anello: l’accesso è facoltativo. | #D97706PuntoRGB 217 119 63,19:1#B45309TestoRGB 180 83 95,02:1 |
#F59E0BPuntoRGB 245 158 119,22:1#FBBF24TestoRGB 251 191 3611,86:1 |
| Locale Grigio --local | Pieno: il server gira sul tuo computer. Anello: un server remoto di cui non abbiamo potuto confermare l’accesso. | #8F8F8FPuntoRGB 143 143 1433,23:1 |
#737373PuntoRGB 115 115 1154,18:1 |
| Ultimo controllo fallito Rosso --err--err-text | L’ultimo controllo è fallito, o la scheda è stata rimossa. | #DC2626PuntoRGB 220 38 384,83:1#B91C1CTestoRGB 185 28 286,47:1 |
#EF4444PuntoRGB 239 68 685,26:1#F87171TestoRGB 248 113 1137,16:1 |
Il contrasto è misurato rispetto allo sfondo della pagina. I colori del testo raggiungono almeno 4,5:1 e i punti almeno 3:1, e ogni punto ha un’etichetta, quindi il colore non è mai l’unico segnale.
Tipografia
Geist per ciò che leggi, Geist Mono per ciò che copi.
Geist
Aggiungilo al tuo client. Notion ti chiede di accedere la prima volta.
Regular 400Medium 500SemiBold 600
Titoli, testo, pulsanti ed etichette. Il logotipo è in Geist SemiBold.
Geist Mono
mcp.tc/i/notion
Regular 400Medium 500SemiBold 600
Link, comandi, codice, nomi di tool e pacchetti. In un link il prefisso è grigio e il nome è SemiBold.
- Titolo principaleGeist 600 · 34–52 px · −0.04 em
- Titolo di paginaGeist 600 · 28–36 px · −0.035 em
- Titolo di sezioneGeist 600 · 24 px · −0.025 em
- SottotitoloGeist 600 · 16 px · −0.01 em
- Testo, interlinea 1,5Geist 400 · 16 px
- Pulsanti, navigazione, etichetteGeist 500 · 14 px
- Note e didascalieGeist 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 e Geist Mono sono di Vercel, con basement.studio, e gratuiti con licenza SIL Open Font License 1.1. Li trovi su github.com/vercel/geist-font o su Google Fonts. I file del logo non hanno bisogno dei font: il logotipo è già convertito in tracciati.
Nome e parole
Come scrivere di mcp.tc in modo coerente con ciò che dice il sito.
Il nome
mcp.tcin minuscolo, con il punto, anche a inizio frase.- Il link di una scheda:
mcp.tc/i/notion. Aggiungihttps://quando qualcuno lo copierà. - Non MCP.TC, Mcp.tc, MCP.tc, MCP TC, mcp .tc o mcptc.
Le parole
- Chiamalo link: «copia il link», «condividi il link».
- Di’ link rapido solo per distinguerlo dall’URL del server.
- Il link apre la pagina del server. I client si collegano all’URL del server stesso.
- Non dargli un altro nome, e non chiamare mcp.tc un proxy né dire che fa un redirect.
Descrizioni da riutilizzare
- Una riga
mcp.tc: server MCP, con l’indirizzo giusto.
- Breve
mcp.tc è un elenco di server MCP. Ogni server riceve un link, come mcp.tc/i/deepwiki, a una pagina con i suoi tool e la configurazione in un clic per Claude, Cursor o VS Code, che si collega direttamente al server.
- Lunga
mcp.tc è un elenco gratuito di server Model Context Protocol (MCP). Ogni scheda riceve un link tutto suo, come mcp.tc/i/notion, che apre una pagina con i tool del server e i passaggi di configurazione per Claude, Cursor, VS Code e altri client. La configurazione collega il tuo client direttamente all’URL o al pacchetto del server stesso, e accessi e chiavi API non passano mai da mcp.tc. mcp.tc non è affiliato ai server che elenca.
Contatti
Per domande della stampa o sul marchio, o per un formato che non trovi qui, scrivi a privacy@mcp.tc. Puoi usare liberamente questi file per rimandare a mcp.tc, per scriverne o per mostrare che il tuo server è in elenco. Non usarli in modo da far credere che mcp.tc approvi o gestisca il tuo prodotto.
mcp.tc non è affiliato ai fornitori che elenca. I loro nomi e loghi appartengono a loro; questo kit riguarda solo i marchi di mcp.tc.