Sistema di identità del marchio TCF · v2026

La guida di stile di TCF.

Colori, tipografia e modelli dei componenti che costituiscono il linguaggio visivo della Testicular Cancer Foundation. Clicca su qualsiasi valore esadecimale o RGB per copiarlo.

Sistema cromatico

01 · Nozioni di base

Tre categorie: "primaria" per l'identità del marchio, "inchiostro " per i caratteri e le superfici, "segnali" per le sfumature e i bordi. Clicca su qualsiasi codice esadecimale o RGB per copiarlo.

Primario e di marca

Primaria

TCF Ciano

HEX#00B4DB
RGBrgb(0, 180, 219)

Il marchio. Inviti all'azione, elementi di risalto, link, testi in evidenza e immagini chiave.

Accento · Profondo

Ciano intenso

HEX#0091B0
RGBrgb(0, 145, 176)

Assegnare il colore ciano principale ai pulsanti e agli stati al passaggio del mouse. Aumentare il contrasto sugli sfondi colorati.

Accento · Tonalità

Tinta ciano

HEX#E6F8FD
RGBrgb(230, 248, 253)

Sfondi per tag e didascalie. Una presenza discreta del marchio che non entra in competizione con i contenuti.

Inchiostro e caratteri

Inchiostro · Primario

Blu scuro

HEX#0F172A
RGBrgb(15, 23, 42)

Intestazioni, schede principali, blocchi CTA, piè di pagina. Sostituisce il nero puro ovunque.

Inchiostro · Corpo

Slate 700

HEX#334155
RGBrgb(51, 65, 85)

Testo standard su sfondi chiari. Contrasto inferiore rispetto al blu scuro, più piacevole per la lettura di testi lunghi.

Inchiostro · Secondario

Slate 600

HEX#475569
RGBrgb(71, 85, 105)

Sottotitoli, descrizioni di elenchi, testo di accompagnamento sotto un titolo.

Inchiostro · Tenue

Slate 500

HEX#64748B
RGBrgb(100, 116, 139)

Didascalie, etichette tecniche, note a piè di pagina, righe EIN. Discrete ma ben leggibili.

Inchiostro · Su sfondo scuro

Slate 400

HEX#94A3B8
RGBrgb(148, 163, 184)

Testo principale su sfondo blu scuro — schede principali, inviti all'azione, piè di pagina.

Superficie · Pagina

Bianco

HEX#FFFFFF
RGBrgb(255, 255, 255)

Sfondo predefinito della pagina. Schede e aree di contenuto.

Segnali e superfici

Superficiale · Sottile

Slate 100

HEX#F1F5F9
RGBrgb(241, 245, 249)

Sfondi alternati per le sezioni, stati inattivi dei pulsanti di attivazione/disattivazione, linee di separazione sfumate.

Confine · Predefinito

Slate 200

HEX#E2E8F0
RGBrgb(226, 232, 240)

Separatori di schede, linee sottili sotto i titoli, bordi delle righe dell'elenco.

Riservato

Nero puro

HEX#000000
RGBrgb(0, 0, 0)

Riservato ai media (loghi, maschere fotografiche). Non utilizzare per il testo: utilizzare il colore "Deep Navy".

Tipografia

02 · Fondamenti

Un carattere serif per i titoli, un sans-serif per tutto il resto. DM Serif Display conferisce calore e autorevolezza editoriale; Inter si presta alla lettura di testi lunghi e all’interfaccia utente senza creare distrazioni.

DM Serif Display

Serif · 400 · Titoli e citazioni

Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Inter

Sans · 400 / 600 / 700 · Testo, interfaccia utente, pulsanti

Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Scaletta

03 · Nozioni di base

Due livelli. Il formato "Articolo" è pensato per contenuti approfonditi, post di blog e pagine dedicate ai programmi. Il formato "Display" è indicato per le sezioni hero, le landing page e le iniziative di marketing in cui il testo deve svolgere un ruolo più incisivo.

Sopracciglio
CarattereInter
Dimensione12px
Peso600
Monitoraggio.12em
CasoMaiuscolo
Notizie e aggiornamenti
H1 · Articolo
CarattereDM Serif Display
Dimensione44px
Peso400
In primo piano1.12

Valutato in modo indipendente. Soggetto a rendicontazione pubblica.

H2 · Articolo
CarattereDM Serif Display
Dimensione30px
Peso400
In primo piano1,18

Perché le valutazioni di terze parti sono importanti

H3 · Articolo
CarattereDM Serif Display
Dimensione22px
Peso400

L'eccellenza operativa sostiene il raggiungimento degli obiettivi

Introduzione
CarattereInter
Dimensione19px
Peso400
In primo piano1,6

La fiducia si costruisce attraverso una responsabilità misurabile e una trasparenza costante — e le valutazioni di terze parti lo dimostrano chiaramente.

Corpo
CarattereInter
Dimensione17px
Peso400
In primo piano1,7

Fondata nel 2009, la Testicular Cancer Foundation è un’organizzazione senza scopo di lucro di tipo 501(c)(3) e l’unica associazione dedicata al cancro ai testicoli con personale a tempo pieno negli Stati Uniti. Siamo un team composto da sopravvissuti, operatori sanitari e attivisti impegnati a promuovere l’informazione e la sensibilizzazione.

Pulsante
CarattereInter
Dimensione16px
Peso600
Raggio8 px

Modelli di componenti

04 · Motivi

Elementi grafici riutilizzabili. Questi compaiono nei post del blog, nelle pagine dei programmi e nei contenuti destinati ai donatori. Utilizza sempre gli stessi cinque modelli in modo che il marchio mantenga la sua coerenza senza risultare rigido.

Pillola per l'etichettatura

Etichetta di categoria sopra un H1. Sfondo sfumato, testo in ciano scuro.

Trasparenza

Nota

Breve sintesi o punto chiave. Sfumatura ciano con un bordo primario di 3 px.

In breve: Candid Platinum, 4 stelle su Charity Navigator con un punteggio del 93%, tra le migliori organizzazioni su GreatNonprofits, 4,2 su 5 su Trustpilot.

Carta Eroe

Superficie scura con titolo in grassetto, titolo principale, paragrafo di approfondimento e citazione in evidenza (facoltativa).

Per i donatori e i partner

Quattro valutatori indipendenti. Una risposta unanime.

La maggior parte delle organizzazioni no profit del nostro settore è presente su una o due di queste piattaforme. TCF è presente su tutte e quattro.

"La verifica indipendente è il minimo indispensabile, non il massimo raggiungibile."

Elenco puntato

Da utilizzare per elenchi a gradini, valutazioni e ritmi. Cifre con grazie in ciano primario, linee di separazione sottilissime.

  • 01
    Sensibilizzazione

    Raggiungere i giovani là dove si trovano, attraverso un'educazione priva di pregiudizi.

  • 02
    Assistenza

    Metti in contatto i pazienti a cui è stata appena diagnosticata la malattia con chi ne è uscito.

  • 03
    Sopravvivenza

    Assistenza a lungo termine, sostegno nella comunità e risorse disponibili al termine del trattamento.

Blocco CTA

Blocco per le donazioni o l'iscrizione alla fine dell'articolo. Colore blu scuro con accenti in ciano.

Sostieni TCF con una donazione deducibile dalle tasse.

Ogni dollaro viene gestito secondo gli stessi criteri che si riflettono nei nostri rating indipendenti.

Fai una donazione a TCF