TCF-merksysteem · v2026

De TCF-stijlgids.

Kleuren, typografie en componentpatronen die samen de visuele stijl van de Testicular Cancer Foundation vormen. Klik op een willekeurige hex- of RGB-waarde om deze te kopiëren.

Kleurensysteem

01 · Grondbeginselen

Drie functies: 'primary' voor de merkidentiteit, 'ink' voor lettertypes en oppervlakken, en 'signals' voor tinten en randen. Klik op een hex- of RGB-code om deze te kopiëren.

Primair & merk

Basisonderwijs

TCF Cyaan

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

Het merk. Oproepen tot actie, accenten, links, tekst in de koptekst en belangrijke visuele elementen.

Accent · Diep

Diep cyaan

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

Gebruik de primaire cyaankleur voor tag-knoppen en hover-effecten. Zorg voor een hoger contrast op gekleurde achtergronden.

Accent · Tint

Cyaan tint

HEX#E6F8FD
RGBrgb(230, 248, 253)

Achtergronden voor tags en bijschriften. Een subtiele merkpresentatie die niet afleidt van de inhoud.

Inkt en lettertype

Inkt · Basis

Diepblauw

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

Kopteksten, hero-kaarten, CTA-blokken, voettekst. Vervangt overal puur zwart.

Inkt · Lichaam

Slate 700

HEX#334155
RGBrgb(51, 65, 85)

Standaard tekstkleur op lichte achtergronden. Minder contrast dan marineblauw, prettiger bij het lezen van langere teksten.

Inkt · Secundair

Slate 600

HEX#475569
RGBrgb(71, 85, 105)

Alinea’s, beschrijvingen van lijsten, aanvullende tekst onder een kop.

Inkt · Gedempt

Slate 500

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

Bijschriften, specificatielabels, voetnoten, EIN-regels. Onopvallend maar goed leesbaar.

Inkt · Op donker

Slate 400

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

Tekst op een donkerblauwe achtergrond — uitgelichte kaarten, call-to-action-knoppen, voettekst.

Oppervlak · Pagina

Wit

HEX#FFFFFF
RGBrgb(255, 255, 255)

Standaardpagina-achtergrond. Kaarten en inhoudsweergaven.

Signalen en oppervlakken

Oppervlak · Subtiel

Slate 100

HEX#F1F5F9
RGBrgb(241, 245, 249)

Afwisselende achtergronden voor secties, inactieve schakeltoestanden, zachte scheidingslijnen.

Rand · Standaard

Slate 200

HEX#E2E8F0
RGBrgb(226, 232, 240)

Kaartverdelers, dunne lijntjes onder kopteksten, randen rond lijstrijen.

Gereserveerd

Puur zwart

HEX#000000
RGBrgb(0, 0, 0)

Voorbehouden voor de media (logocombinaties, fotomaskers). Niet gebruiken voor tekst — gebruik Deep Navy.

Typografie

02 · Grondbeginselen

Een seriflettertype voor koppen, een schreefloos lettertype voor al het andere. DM Serif Display zorgt voor warmte en een krachtige uitstraling; Inter is geschikt voor het lezen van langere teksten en voor gebruikersinterfaces, zonder af te leiden.

DM Serif Display

Serif · 400 · Kopteksten en citaten

Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Inter

Sans · 400 / 600 / 700 · Tekst, gebruikersinterface, knoppen

Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Lettergrootte

03 · Grondbeginselen

Twee lettergroottes. De lettergrootte „Article“ is bedoeld voor lange teksten, blogberichten en programmapagina’s. De lettergrootte „Display“ is bedoeld voor hero-secties, landingspagina’s en marketingmomenten waarbij de typografie een grotere rol moet spelen.

Wenkbrauw
LettertypeInter
Grootte12px
Gewicht600
Tracking.12em
HoofdlettersHoofdletter
Nieuws & updates
H1 · Artikel
LettertypeDM Serif Display
Grootte44px
Gewicht400
Toonaangevend1.12

Onafhankelijk beoordeeld. Verantwoordingsplichtig tegenover het publiek.

H2 · Artikel
LettertypeDM Serif Display
Grootte30px
Gewicht400
Toonaangevend1,18

Waarom beoordelingen van derden belangrijk zijn

H3 · Artikel
LettertypeDM Serif Display
Grootte22px
Gewicht400

Operationele uitmuntendheid draagt bij aan het vervullen van onze missie

Inleiding
LettertypeInter
Grootte19px
Gewicht400
Toonaangevend1,6

Vertrouwen wordt opgebouwd door meetbare verantwoordingsplicht en voortdurende transparantie — en onze beoordelingen door onafhankelijke instanties weerspiegelen precies dat.

Hoofdtekst
LettertypeInter
Grootte17px
Gewicht400
Toonaangevend1,7

De Testicular Cancer Foundation, opgericht in 2009, is een non-profitorganisatie volgens artikel 501(c)(3) en de enige organisatie in het land die zich fulltime bezighoudt met zaadbalkanker. Wij zijn een team van overlevenden, zorgverleners en pleitbezorgers die zich met hart en ziel inzetten voor meer voorlichting en bewustwording.

Knop
LettertypeInter
Grootte16px
Gewicht600
Straal8px

Componentpatronen

04 · Patronen

Herbruikbare bouwstenen. Deze komen voor in blogberichten, programmapagina’s en inhoud voor donateurs. Gebruik overal dezelfde vijf patronen, zodat het merk consistent blijft zonder star te worden.

Tag-pil

Categorie-label boven een H1. Achtergrond met een lichte tint, tekst in diep cyaan.

Transparantie

Opmerking

Korte samenvatting of belangrijkste conclusie. Cyaankleurige rand met een primaire rand van 3 px.

In het kort: Candid Platinum, 4 sterren bij Charity Navigator (93%), topbeoordeling bij GreatNonprofits, 4,2/5 op Trustpilot.

Heldenkaart

Donkere achtergrond met kop, hoofdkop, ondersteunende alinea en eventueel een citatenkader.

Voor donateurs en partners

Vier onafhankelijke beoordelaars. Eén eenduidig antwoord.

De meeste non-profitorganisaties in onze categorie zijn op één of twee van deze platforms te vinden. TCF is op alle vier beoordeeld.

"Onafhankelijke verificatie is het minimum, niet het maximum."

Genummerde lijst

Geschikt voor getrapte lijsten, beoordelingen en ritmes. Serifcijfers in primaire cyaan, haarfijne scheidingslijnen.

  • 01
    Bewustwording

    Jonge mannen aanspreken waar ze zich bevinden, met voorlichting zonder stigma.

  • 02
    Ondersteuning

    Breng pas gediagnosticeerde patiënten in contact met overlevenden die hetzelfde hebben meegemaakt.

  • 03
    Overleving

    Langdurige zorg, de gemeenschap en hulpbronnen na afloop van de behandeling.

CTA-blok

Donatie- of aanmeldingsblok aan het einde van het artikel. Donkerblauw met accenten in cyaan.

Steun TCF met een fiscaal aftrekbare donatie.

Elke dollar wordt beheerd volgens dezelfde normen die tot uiting komen in onze onafhankelijke ratings.

Doneer aan TCF