TCF风格指南。
构成睾丸癌基金会视觉语言的颜色、字体和组件样式。点击任何十六进制或RGB值即可复制。
颜色系统
01 · 基础三种角色：primary用于品牌标识，ink用于字体和表面，signals用于色调和边框。点击任何十六进制或 RGB 代码即可复制。
主要及品牌
TCF 青色
品牌。行动号召、视觉亮点、链接、眉线文字以及关键视觉元素。
深青色
为主要青色设置标签按钮和悬停状态。在带色背景上提高对比度。
青色调
标签和注释的背景。低调的品牌呈现，不与内容产生冲突。
墨与字
深海军蓝
标题、主视觉卡片、CTA 模块、页脚。将所有纯黑色区域替换为该颜色。
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 模块
文章末尾的捐赠或注册模块。深海军蓝底色，主色调为青色。