TCF風格指南。
構成睪丸癌基金會視覺語言的色彩、字體與元件樣式。點擊任何十六進位或 RGB 數值即可複製。
色彩系統
01 · 基礎三種用途：主要用於品牌識別，墨色用於字體與底色，色調與邊框則使用「signals」。點擊任何十六進位或 RGB 色碼即可複製。
主要產品與品牌
TCF 青色
品牌。行動呼籲、設計亮點、連結、眉毛文字，以及關鍵視覺元素。
深青色
為主要青色標記按鈕和懸停狀態。在帶色背景上提高對比度。
青色色調
標籤與註解的背景。低調展現品牌存在感，同時不與內容產生衝突。
墨與字體
深海藍
標題、主視覺卡片、行動呼籲區塊、頁尾。將所有純黑色部分替換為此色。
Slate 700
適用於淺色背景的預設正文文字。對比度低於海軍藍，更適合閱讀長篇內容。
Slate 600
子段落、清單說明、標題下方的輔助文字。
《Slate》500強
圖說、規格標籤、註腳、EIN 欄位。簡潔而不失清晰。
《Slate》400強
深海藍背景上的正文內容——主視覺卡片、行動呼籲按鈕、頁尾。
白色
預設頁面背景。卡片與內容區域。
訊號與表面
《Slate》百大榜單
交替的區塊背景、非活躍的切換狀態、柔和的分隔線。
Slate 200
卡片分隔線、標題下方的細線、清單列邊框。
純黑
僅供媒體使用（標誌組合、照片遮罩）。請勿用於文字——文字請使用「深海藍」。
排版
02 · 基礎標題使用襯線字體，其餘內容則採用無襯線字體。DM Serif Display 賦予文字溫暖感與編輯級的份量；Inter 則能無干擾地處理長篇閱讀與使用者介面設計。
DM 襯線展示字體
abcdefghijklmnopqrstuvwxyz
0123456789
國際
abcdefghijklmnopqrstuvwxyz
0123456789
字級
03 · 基礎兩種字型風格。Article適用於長篇內容、部落格文章及活動頁面；Display則適用於首頁重點區塊、登陸頁面，以及需要字體發揮更多作用的行銷場合。
獨立評級。對公眾負責。
為何第三方評分至關重要
卓越的營運能力有助於完成任務
信任是透過可衡量的問責制與持續的透明度所建立的——而我們的第三方評級正是對此的最佳體現。
睪丸癌基金會成立於 2009 年，是一家 501(c)(3) 非營利組織，也是全美唯一擁有全職工作團隊的睪丸癌組織。我們是一支由倖存者、照護者及倡議者組成的團隊，致力於提升公眾對睪丸癌的認知與了解。
透過早期發現對抗睪丸癌。
我們的使命：透過教育拯救生命。
了解如何進行睪丸自我檢查。
元件模式
04 · 圖案可重複使用的設計模組。這些模組會出現在部落格文章、計畫頁面以及面向捐款人的內容中。請在所有場合都使用相同的五種設計模式，以確保品牌形象保持一致，同時又不顯得僵化。
標籤藥丸
位於 H1 標籤上方的分類標籤。背景帶有色調，文字為深青色。
說明文字
簡短摘要或重點。青色底色，搭配 3 像素的主邊框。
簡要概述：Candid Platinum認證、Charity Navigator 4 星評級（93%）、GreatNonprofits 頂級評級、Trustpilot 4.2 / 5 分。
英雄卡
深色背景，包含標題、導語、正文段落及可選的引言。
致捐贈者與合作夥伴
四位獨立評估者。一個一致的結論。
我們這個類別中的大多數非營利組織只出現在其中一兩個平台上。TCF 則在所有四個平台上都有評級。
「獨立驗證是最低標準，而非最高標準。」
編號清單
適用於階梯式清單、評分及節拍。主色調為青色的襯線數字，搭配極細分隔線。
-
01
意識
透過無汙名化的教育，在年輕男性所在之處與他們建立連結。
-
02
支援
將新確診的患者與曾有過類似經歷的倖存者連結起來。
-
03
倖存者
長期照護、社區資源及治療結束後的支援。
CTA 區塊
文章末尾的捐款或註冊區塊。深海軍藍底色，搭配主色調青色作為點綴。