字体是极客跳动视觉语气的重要组成。
中文字体建立清晰、可靠且具有识别度的阅读秩序;英文字体承担品牌国际化与现代感表达;数字与技术字体则用于强化极客属性与信息效率。
本章所有正式品牌字体均以极客跳动官方字体资产为准,并支持在线预览、查看与下载。
品牌资产
2015 年,几个愿意在同一个问题上多熬几个通宵的人,把「极客跳动」四个字挂在了门上。 这个名字不是修辞,是工作方式的宣言——它定义了我们如何对待问题、产品、技术与结果。
为什么叫「极客跳动」——名字就是工作方式的宣言:「极客」是态度,「跳动」是节奏, 前者让我们把每个问题研究到底,后者让每个版本都比上一个更好。两条词的完整释义,见下一章。
Since 2015 — 核心公式
前者保证每次交付都经得起检验,后者保证下一个版本永远比这一个更好。 品牌的视觉系统——暖黑的秩序底色与珊瑚红的跳动脉冲——正是这个公式的直接翻译。
Positioning · 品牌主张
让想法成为产品,让技术创造价值。
FROM IDEAS TO PRODUCTS.
主张完整版:让想法成为产品,让技术创造价值。
英文版:FROM IDEAS TO PRODUCTS.
⚠ 主张不可拆分、不可只取半句、不可机器直译。
我们相信,
真正推动世界向前的,
往往始于一个还没有被实现的想法。
梦想,是创造的起点。
创新,是让梦想发生的方法。
我们保持对技术的好奇,对产品的认真,
也相信每一次勇敢的尝试,
都可能成为下一次改变的开始。
梦想与创新是品牌的双核心——其余气质围绕它们展开。
它代表活力,也代表改变;代表创造,也代表永不停下的进化。
每一次跳动,都是对未知的一次靠近,也是让一个想法离现实更近一步。
中文标准 Logo 是 GeekDance 的第一品牌识别(PRIMARY BRAND MARK), 英文 GeekDance Logo 是英文应用标识(ENGLISH BRAND MARK)。 一个视觉区域只出现一个 Logo 版本——除专门讲解英文 Logo 的区域外, 本章所有规范演示一律以中文版为示例;标准浅色展示画布统一为纯白 #FFFFFF。 每一条规则都可以在这里直接操作:Hover、拖动、切换、点击。
默认、正式且最高优先级的品牌标识,所有中文品牌传播场景的出发点。
上方为「极客跳动」中文字标,下方保留 Logo 自带的 GeekDance 英文字标;不得拆分、重排或删除英文部分。
中文版 Logo 已完成商标注册,是品牌正式使用的核心视觉标识;对外传播与企业物料应优先使用该标准版本。
极客跳动中文版 Logo 是品牌正式使用的核心视觉标识,目前已完成商标注册。品牌对外传播、企业物料及中文应用场景,应优先使用该标准版本。 REGISTERED · 已注册
GeekDance 英文 Logo 适用于海外市场、英文内容、国际传播及其他以英文为主要语言的品牌应用场景。
深色环境(深黑 / 暖黑 / 深棕 / 品牌红 / 深色照片)使用对应反白版。默认第一展示为中文反白版, 同一时间只展示一个版本。纯白 Logo 不是 Primary Logo——先判断背景明度,浅色底一律回到 3.1 标准主标识。
单色 Logo 用于受印刷工艺、材质或使用环境限制,无法使用标准彩色 Logo 的场景。使用单色版本时,应完整保留标准 Logo 的原始结构与比例,仅允许进行整体颜色转换。
将鼠标移入画布(或点击),安全边界与测量网格将展开。
Logo 四周必须保留等距的独立空间(X),边界内禁止出现任何图文。精确基准倍数由品牌组正式确认后补充,当前以视觉演示表达。
左右拖动滑杆,Logo 实时缩放:进入风险区间后,笔画细节与红色识别开始损失,边框与状态随之变红。 推荐区 / 风险区为视觉演示阈值,正式最小尺寸参数由品牌组确认后补充。
白色 / 浅色背景 → 中文标准彩色版(PRIMARY)。
悬停或点击错误类型,实时观看「错误是怎样发生的」:
默认展示正确状态:官方文件、原色、等比、独立空间。
色彩是 GeekDance 最直接的品牌识别之一。
以极客红、黑与白构成品牌基础,辅以少量延展色与渐变,
形成鲜明、年轻、具有技术感与生命力的视觉语言。
主色盘由极客红 GEEK RED #DA251C领衔,辅助橙 ACCENT ORANGE #F45F00、黑与白共同构成品牌基础色。 点击色块复制 HEX;点击 DETAILS 展开 RGB / CMYK。
次要色用于丰富 GeekDance 在不同内容和视觉场景中的表达,但始终作为辅助使用, 不能替代极客红、黑与白的核心品牌地位。
四个次要色已按当前页面实际渲染色值正式固化:橙 #EA5B23 · 浅橙 #F79A62 · 浅黄 #FBE7B6 · 浅灰 #D8D3CE。点击色卡复制 HEX。
渐变方向围绕红、橙、暖黄的暖色过渡建立视觉延展。 点击渐变方案,展开 HERO / POSTER / SOCIAL 三种真实品牌场景的应用预览;具体色值以品牌组最终确认文件为准。
同一套基础品牌版式在三个场景中的渐变应用——渐变色值以品牌组最终确认文件为准,确认前不提供正式 CSS 渐变色值。
不规定任何未经确认的强制使用比例——理解每种颜色应该用在哪里, 比记住百分比更重要。Hover 不同的色彩角色,右侧实时预览它在一个极简品牌版式中的作用。
极客红不是使用得越多越有品牌感。
真正的品牌识别,来自它出现在最值得被看见的位置。
拖动中间的分隔线,实时对比同一套品牌元素在纯白 #FFFFFF 与 GeekDance 深色品牌环境中的表现。 只改变展示环境,标准品牌色本身不发生变化。
同一版式 · 同一色值——环境改变,标准不改变。
从已确认的品牌色中选择组合,实时生成一个抽象 GeekDance 品牌版式。 系统不生成任何新颜色——所有可选项均来自品牌色盘。
渐变色值待品牌组确认,仅作视觉体验,不作为正式规范输出。
同一个简单版式在三个应用场景中的正确与错误用法——切换场景对比。
字体是极客跳动视觉语气的重要组成。
中文字体建立清晰、可靠且具有识别度的阅读秩序;英文字体承担品牌国际化与现代感表达;数字与技术字体则用于强化极客属性与信息效率。
本章所有正式品牌字体均以极客跳动官方字体资产为准,并支持在线预览、查看与下载。
选择字体角色 · 右侧实时预览 · 交互改变状态,不改变结构
统一核心测试文本 · 方便直接比较中文字形、数字、标点的视觉差异
CONTROL 控制 · ↓ · LIVE PREVIEW 实时预览 · 切换只改状态,结构恒定
你总说梦想很远, 但遇上极客跳动, 不妨大胆一些。 我们会用技术为你搭建舞台, 用科技点燃这个时代!
FONT ASSETS 字体资产 · 查看、预览、下载 · 真实文件直链
font-family: "Alibaba PuHuiTi 3.0", "PingFang SC", sans-serif;
✓ COPIED 已复制
font-family: "Alimama ShuHeiTi", "Alibaba PuHuiTi 3.0", sans-serif;
✓ COPIED 已复制
font-family: "Alimama FangYuanTi VF", "Alibaba PuHuiTi 3.0", sans-serif;
✓ COPIED 已复制
font-family: "AvantGarde CE", "Avenir Next LT Pro", sans-serif;
✓ COPIED 已复制
font-family: "Avenir Next LT Pro", "AvantGarde CE", sans-serif;
✓ COPIED 已复制
font-family: "JetBrains Mono", "SF Mono", monospace;
✓ COPIED 已复制
极客队长(GeekCaptain)是极客跳动的品牌 IP 形象,角色代号 GEEKER · 技术伙伴—— 扎在商业场景里的技术同行者,懂代码,更懂商业目标。
MEET GEEKCAPTAIN
GeekCaptain
GEEKER · 技术伙伴
在数字世界里,他陪客户把商业想法真正落地。
用代码敲开未来,以行动共建商业世界。
Code the Future,
Build the World.
CHARACTER PROFILE
悬停或点击角色说明——极客队长将亲自回应:全身技术扫描、G 接口激活、或品牌能量扩散。
在数字世界里,他是陪客户把商业想法落地的技术搭子。
用代码敲开未来,以行动共建商业世界。
Code the Future,
Build the World.
06.2 / Character Personality
悬停上方关键词,查看极客队长的核心性格。
06.3 / Color Palette
角色专属色彩规范,独立于 GeekDance 品牌主色系统,仅用于极客队长本体绘制。
RGB 212 48 27
RGB 178 8 0
RGB 230 230 230
RGB 35 35 35
Source PDF value
点击色卡 HEX 可复制到剪贴板。白色色块优先显示官方 HEX #FFFFFF。
06.4 / Proportion System
极客队长的标准比例采用 6:5 头身关系:头部(兜帽)占 6 个基础单位,身体占 5 个基础单位。 这一比例共同构成极客队长圆润、稳定且具有高辨识度的基础角色结构。 后续角色在不同动作、场景与尺寸下进行延展时,应保持整体比例关系与核心视觉特征稳定。
红色兜帽与头部结构约占 6 个基础单位,构成极客队长最强的视觉识别区域。头部尺寸决定角色整体的圆润感、亲和力与辨识度。
身体部分约占 5 个基础单位。较紧凑的身体比例,为角色保留圆润、轻盈的视觉特征,同时为动作、姿态与互动提供足够的表现空间。
X 是角色比例系统中的基础参考单位。标准角色尺寸、头身关系以及后续比例判断,均可以 X 作为视觉参考。
06.5 / 2D Turnaround
展示极客队长2D完整体与素体在不同视角下的标准形象。
06.6 / 3D Turnaround
展示极客队长3D完整体与素体的标准视角,为后续3D动作与场景衍生提供角色原型依据。
06.7 / 3D Actions
以下为极客队长官方 3D 动作示例,展示角色在点赞、工作、招呼等典型场景下的姿态表现。实际应用中可在此基础上延展更多动作——延展时请保持角色比例、胸前 G 标识与核心视觉特征稳定。
OFFICIAL BRAND ASSETS
获取极客跳动官方 Logo、品牌字体与极客队长 IP 资产。所有素材均来自当前官方品牌资源,可直接查看、复制或下载。