Der TCF -Styleguide.
Farben, Typografie und Komponentenmuster, aus denen sich die visuelle Sprache der Testicular Cancer Foundation zusammensetzt. Klicken Sie auf einen beliebigen Hex- oder RGB-Wert, um ihn zu kopieren.
Farbsystem
01 · GrundlagenDrei Funktionen: „Primary“ für die Markenidentität, „Ink“ für Schrift und Oberflächen, „Signals“ für Farbtöne und Rahmen. Klicken Sie auf einen beliebigen Hex- oder RGB-Code, um ihn zu kopieren.
Primärmarkt & Marke
TCF Cyan
Die Marke. Handlungsaufforderungen, Akzente, Links, hervorgehobener Text und visuelle Schwerpunkte.
Tiefes Cyan
Kennzeichnen Sie Schaltflächen und Hover-Zustände mit dem primären Cyan. Erhöhen Sie den Kontrast auf farbigen Hintergründen.
Cyan-Farbton
Hintergründe für Tags und Beschriftungen. Dezente Markenpräsenz, ohne mit den Inhalten zu konkurrieren.
Tinte & Schrift
Tiefes Marineblau
Überschriften, Hero-Karten, CTA-Blöcke, Fußzeile. Ersetzt überall reines Schwarz.
Slate 700
Standardtext auf hellen Hintergründen. Geringerer Kontrast als bei Marineblau, angenehmer beim Lesen längerer Texte.
Slate 600
Unterabsätze, Aufzählungsbeschreibungen, Begleittext unter einer Überschrift.
Slate 500
Bildunterschriften, technische Beschriftungen, Fußnoten, EIN-Zeilen. Dezent, aber gut lesbar.
Slate 400
Fließtext vor tiefblauem Hintergrund – Hero-Karten, Handlungsaufforderungen, Fußzeile.
Weiß
Standard-Seitenhintergrund. Karten und Inhaltsbereiche.
Signale & Oberflächen
Slate 100
Wechselnde Abschnitts-Hintergründe, inaktive Umschaltzustände, sanfte Trennlinien.
Slate 200
Kartentrennlinien, feine Linien unter Überschriften, Rahmen um Listenzeilen.
Reines Schwarz
Nur für Medienzwecke (Logo-Kombinationen, Fotomasken). Nicht für Schriftzüge verwenden – bitte „Deep Navy“ verwenden.
Typografie
02 · GrundlagenEine Serifenschrift für Überschriften, eine serifenlose Schrift für alles andere. DM Serif Display vermittelt Wärme und redaktionelle Aussagekraft; Inter eignet sich für längere Texte und Benutzeroberflächen, ohne vom Wesentlichen abzulenken.
DM Serif Display
abcdefghijklmnopqrstuvwxyz
0123456789
Inter
abcdefghijklmnopqrstuvwxyz
0123456789
Schriftgröße
03 · GrundlagenZwei Schriftgrößen. „Article“ eignet sich für längere Texte, Blogbeiträge und Programmseiten. „Display“ ist für Hero-Bereiche, Landingpages und Marketinganlässe gedacht, bei denen die Schrift eine größere Rolle spielen soll.
Unabhängig bewertet. Der Öffentlichkeit gegenüber rechenschaftspflichtig.
Warum Bewertungen von Dritten wichtig sind
Operative Exzellenz unterstützt die Erfüllung des Auftrags
Vertrauen entsteht durch messbare Verantwortlichkeit und beständige Transparenz – und genau das spiegeln unsere Bewertungen durch unabhängige Dritte wider.
Die Testicular Cancer Foundation wurde 2009 gegründet und ist eine gemeinnützige Organisation gemäß 501(c)(3) sowie die einzige Organisation im Bereich Hodenkrebs im Land, die über Vollzeitmitarbeiter verfügt. Wir sind ein Team aus Überlebenden, Pflegekräften und Fürsprechern, die sich leidenschaftlich für die Verbesserung der Aufklärung und Sensibilisierung einsetzen.
Bekämpfung von Hodenkrebs durch Früherkennung.
Unsere Mission: Leben durch Aufklärung retten.
Erfahren Sie, wie Sie eine Selbstuntersuchung der Hoden durchführen.
Komponentenmuster
04 · MusterWiederverwendbare Bausteine. Diese kommen in Blogbeiträgen, auf Programmseiten und in Inhalten für Spender zum Einsatz. Verwenden Sie überall dieselben fünf Muster, damit die Marke einheitlich wirkt, ohne dabei starr zu wirken.
Tag-Pille
Kategoriebezeichnung über einer H1-Überschrift. Hintergrund mit Farbton, Text in tiefem Cyan.
Hinweis
Kurze Zusammenfassung oder Kernaussage. Cyanfarbener Rand mit einer Breite von 3 px.
Die Kurzfassung: Candid Platinum, Charity Navigator 4 Sterne bei 93 %, GreatNonprofits Top-Bewertung, Trustpilot 4,2 / 5.
Heldenkarte
Dunkler Hintergrund mit Überschrift, Einleitungssatz, Haupttext und optionalem Zitat.
Für Spender und Partner
Vier unabhängige Gutachter. Eine einheitliche Antwort.
Die meisten gemeinnützigen Organisationen in unserer Kategorie sind auf einer oder zwei dieser Plattformen vertreten. TCF wird auf allen vier bewertet.
„Eine unabhängige Überprüfung ist die Mindestanforderung, nicht die Obergrenze.“
Nummerierte Liste
Verwendung für abgestufte Listen, Bewertungen und Takte. Serifenziffern in Primär-Cyan, hauchdünne Trennlinien.
-
01
Bewusstsein
Junge Männer dort abholen, wo sie stehen – mit einer Aufklärungsarbeit, die frei von Stigmatisierung ist.
-
02
Support
Bringen Sie neu diagnostizierte Patienten mit Überlebenden zusammen, die Ähnliches durchgemacht haben.
-
03
Überleben
Langzeitpflege, soziale Netzwerke und Hilfsangebote nach Abschluss der Behandlung.
CTA-Block
Spenden- oder Anmeldeblock am Ende des Artikels. Dunkelblau mit Akzenten in Primärcyan.
Unterstützen Sie TCF mit einer steuerlich absetzbaren Spende.
Jeder Dollar wird nach denselben Standards verwaltet, die sich in unseren unabhängigen Ratings widerspiegeln.
Spenden Sie an TCF