极客跳动 品牌资产
Brand Guidelines

极客跳动

FROM IDEAS TO PRODUCTS.

让想法成为产品,让技术创造价值。

Brand Guidelines · Version 1.0 · 2026

01 / Brand Story

品牌故事

2015 年,几个愿意在同一个问题上多熬几个通宵的人,把「极客跳动」四个字挂在了门上。 这个名字不是修辞,是工作方式的宣言——它定义了我们如何对待问题、产品、技术与结果。

为什么叫「极客跳动」——名字就是工作方式的宣言:「极客」是态度,「跳动」是节奏, 前者让我们把每个问题研究到底,后者让每个版本都比上一个更好。两条词的完整释义,见下一章。

Since 2015 — 核心公式

理性的
技术秩序
持续跳动的
创造力

前者保证每次交付都经得起检验,后者保证下一个版本永远比这一个更好。 品牌的视觉系统——暖黑的秩序底色与珊瑚红的跳动脉冲——正是这个公式的直接翻译。

Positioning · 品牌主张

让想法成为产品,让技术创造价值。

FROM IDEAS TO PRODUCTS.

主张完整版:让想法成为产品,让技术创造价值。

英文版:FROM IDEAS TO PRODUCTS.

⚠ 主张不可拆分、不可只取半句、不可机器直译。

02 / Brand Idea

品牌精神

我们相信,

真正推动世界向前的,

往往始于一个还没有被实现的想法

梦想,是创造的起点。

创新,是让梦想发生的方法。

我们保持对技术的好奇,对产品的认真,

也相信每一次勇敢的尝试,

都可能成为下一次改变的开始。

02 — 核心信念 Dream × Innovation
DREAM
梦 想
INNOVATION
创 新
= MAKE IT REAL
MAKE IT REAL
让想法发生
03 — 品牌气质 Brand Traits
梦想 创新 极客 可靠 专业 年轻 技术感 国际感

梦想与创新是品牌的双核心——其余气质围绕它们展开。

04 — 极客 Geek

极客,是一种把事情做得更好的本能。

A对问题,愿意研究得更深
B对产品,愿意做到更好
C对技术,始终保持好奇
D对结果,始终保持认真
05 — 跳动 Beat

跳动,是梦想持续向前的状态。

01活力 02变化 03创造 04进化

它代表活力,也代表改变;代表创造,也代表永不停下的进化。

每一次跳动,都是对未知的一次靠近,也是让一个想法离现实更近一步。

06 — 品牌人格 Personality
聪明也保持好奇
专业也保持热情
年轻也足够可靠
大胆也尊重结果
有技术感也有人情味
有设计感也重视真实价值
07 — 精神底色 What We Believe
01对梦想的相信相信尚未发生的可能
02对创新的行动让想法持续发生
03对技术的认真每一个细节都经得起推敲
04对产品的长期主义慢一点,但一直向前
05对未知的探索好奇先于恐惧
06对优秀事物的尊重见过好的,才做得更好
04 / Color System

色彩系统

色彩是 GeekDance 最直接的品牌识别之一。
极客红、黑与白构成品牌基础,辅以少量延展色与渐变, 形成鲜明、年轻、具有技术感与生命力的视觉语言。

4.1 主色盘 · PRIMARY PALETTE

主色盘由极客红 GEEK RED #DA251C领衔,辅助橙 ACCENT ORANGE #F45F00、黑与白共同构成品牌基础色。 点击色块复制 HEX;点击 DETAILS 展开 RGB / CMYK。

DETAILS RGB 218 · 33 · 28 CMYK 待品牌组正式确认 GEEK RED 极客红 #DA251C
DETAILS RGB 0 · 0 · 0 CMYK 待品牌组正式确认 BLACK #000000
DETAILS RGB 255 · 255 · 255 CMYK 待品牌组正式确认 WHITE #FFFFFF
DETAILS RGB 244 · 95 · 0 CMYK 待品牌组正式确认 ACCENT ORANGE 辅助橙 #F45F00

4.2 次要色盘 · SECONDARY PALETTE

次要色用于丰富 GeekDance 在不同内容和视觉场景中的表达,但始终作为辅助使用, 不能替代极客红、黑与白的核心品牌地位。

PRIMARY 主色 ★★★★★ SECONDARY 辅助色 ★★★☆☆
ORANGE #EA5B23
LIGHT ORANGE 浅橙 #F79A62
LIGHT YELLOW 浅黄 #FBE7B6
LIGHT GRAY 浅灰 #D8D3CE

四个次要色已按当前页面实际渲染色值正式固化:橙 #EA5B23 · 浅橙 #F79A62 · 浅黄 #FBE7B6 · 浅灰 #D8D3CE。点击色卡复制 HEX。

4.3 渐变色盘 · GRADIENT SYSTEM

渐变方向围绕红、橙、暖黄的暖色过渡建立视觉延展。 点击渐变方案,展开 HERO / POSTER / SOCIAL 三种真实品牌场景的应用预览;具体色值以品牌组最终确认文件为准。

GRADIENT 01 极客红 → 橙 Gradient values pending confirmation
GRADIENT 02 深红 → 橙 Gradient values pending confirmation
GRADIENT 03 橙 → 暖黄 Gradient values pending confirmation
GRADIENT 04 暖黄 → 极客红 Gradient values pending confirmation
GRADIENT 01 · 渐变应用预览

同一套基础品牌版式在三个场景中的渐变应用——渐变色值以品牌组最终确认文件为准,确认前不提供正式 CSS 渐变色值。

04 GeekDance 极客跳动 做全球最靠谱的技术服务团队 了解品牌 BRAND GUIDELINES · COLOR SYSTEM
GeekDance 做全球最靠谱的
技术服务团队
极客跳动 · BRAND GUIDELINES POSTER · VOL.04 · 2026
GeekDance品牌规范 · 第 04 期
04 极客跳动
查看完整规范

4.4 色彩角色 · COLOR ROLES

不规定任何未经确认的强制使用比例——理解每种颜色应该用在哪里, 比记住百分比更重要。Hover 不同的色彩角色,右侧实时预览它在一个极简品牌版式中的作用。

01
GEEK RED 极客红 品牌识别 核心重点 · CTA · 当前状态 · 重要数字 · 品牌编号 · 关键视觉节奏
02
BLACK 结构与对比 深色品牌环境 · 主要文字 · 信息结构 · 视觉稳定
03
WHITE 空间与清晰 浅色背景 · 标准资产展示 · 留白 · 高对比信息
04
SECONDARY & GRADIENT 延展色 品牌延展 内容区分 · 社交媒体视觉 · 专题视觉 · 品牌氛围延展
PREVIEW · 极简品牌版式
04 GeekDance 极客跳动 做全球最靠谱的技术服务团队 极客红 + 黑 + 白,构成 GeekDance 的基础视觉语言。
了解品牌 品牌资产
AUX
GEEK RED + BLACK + WHITE · 标准品牌版式
极客红不是使用得越多越有品牌感。
真正的品牌识别,来自它出现在最值得被看见的位置。

4.5 明暗背景应用 · LIGHT / DARK

拖动中间的分隔线,实时对比同一套品牌元素在纯白 #FFFFFF 与 GeekDance 深色品牌环境中的表现。 只改变展示环境,标准品牌色本身不发生变化。

DARK · #180F0E 04 GeekDance 极客跳动 做全球最靠谱的技术服务团队 同一套品牌元素在明暗两种环境中的表现:结构与层级保持一致,文字颜色随环境适配,极客红标准色值不变。
了解品牌 黑色文字 · #000000

同一版式 · 同一色值——环境改变,标准不改变。

4.6 色彩互动体验 · COLOR PLAYGROUND

从已确认的品牌色中选择组合,实时生成一个抽象 GeekDance 品牌版式。 系统不生成任何新颜色——所有可选项均来自品牌色盘。

BACKGROUND 背景
PRIMARY 主色
SECONDARY 辅助色
GRADIENT 渐变

渐变色值待品牌组确认,仅作视觉体验,不作为正式规范输出。

GeekDance DEFAULT
04 GeekDance 极客跳动 做全球最靠谱的技术服务团队 极客红 + 黑 + 白,构成 GeekDance 的基础视觉风格。红色出现在最值得被看见的位置。
查看规范 品牌资产
Brand Guidelines · Version 1.0 AUX

4.7 使用示例 · 对与错

同一个简单版式在三个应用场景中的正确与错误用法——切换场景对比。

✓ 正确 · WEB 网页
开始使用
做全球生意,就找极客跳动! 黑白建立结构与空间,极客红只出现在核心动作上。
  • 极客红用于核心重点(CTA · 编号 · 强调)
  • 黑与白建立主要结构与空间
  • 辅助色少量使用
  • 渐变只在适合场景出现
✗ 错误 · 失去品牌识别
开始使用
做全球生意,就找极客跳动! 辅助色成为主视觉,蓝紫渐变与低对比文字破坏品牌识别。
  • 辅助色成为主视觉
  • 同时使用大量辅助色
  • 修改极客红标准色值
  • 自行制造蓝紫科技渐变
  • 大面积所有内容全部使用极客红
  • 低对比文字影响可读性
✓ 正确 · SOCIAL 社交媒体
04 BRAND
GUIDELINES
GeekDance · 做全球生意,就找极客跳动!
  • 极客红承担视觉焦点(大编号 · 标题节奏)
  • 黑白建立版式骨架
  • 辅助色仅作点缀
  • 渐变用于特定延展场景
✗ 错误 · 失去品牌识别
04 BRAND
GUIDELINES
GeekDance · 做全球生意,就找极客跳动!
  • 辅助色大面积铺满成为主视觉
  • 多种辅助色同时高饱和混用
  • 非标准红替代极客红
  • 蓝紫渐变改变品牌气质
  • 低对比文字影响可读性
✓ 正确 · POSTER 品牌海报
GeekDance 做全球生意,就找极客跳动! BRAND GUIDELINES · 2026
  • 黑白承担主要视觉空间
  • 极客红作为唯一强调色
  • 信息层级清晰、对比充分
  • 渐变仅用于延展视觉,不抢主体
✗ 错误 · 失去品牌识别
GeekDance 做全球生意,就找极客跳动! BRAND GUIDELINES · 2026
  • 整版极客红 + 红色文字,信息被淹没
  • 修改极客红标准色值
  • 蓝紫科技渐变替代品牌延展
  • 低对比文字影响可读性
05 / Typography

字体系统

字体是极客跳动视觉语气的重要组成。

中文字体建立清晰、可靠且具有识别度的阅读秩序;英文字体承担品牌国际化与现代感表达;数字与技术字体则用于强化极客属性与信息效率。

本章所有正式品牌字体均以极客跳动官方字体资产为准,并支持在线预览、查看与下载。

5.1 字体家族 FONT FAMILIES

选择字体角色 · 右侧实时预览 · 交互改变状态,不改变结构

01
FONT ROLECHINESE BODY · 中文正文
阿里巴巴普惠体 3.0
中文正文 长文本 说明文字 数字界面 通用信息
FAMILY “Alibaba PuHuiTi 3.0” · 10 档字重 · woff2 / woff / ttf / otf / eot
02
FONT ROLECHINESE DISPLAY · 中文标题
阿里妈妈数黑体
大标题 章节标题 品牌海报 强视觉文字 重点信息
FAMILY “Alimama ShuHeiTi” · Bold 700 单字重 · woff2 / woff / ttf / otf
03
FONT ROLECHINESE DISPLAY EXTENSION · 中文展示扩展
阿里妈妈方圆体
展示标题 年轻内容 社交内容 辅助标题 创意视觉
FAMILY “Alimama FangYuanTi VF” · 可变 wght 200–700 + BEVL 圆角轴 · woff2 / woff / ttf
04
FONT ROLEENGLISH DISPLAY · 英文标题
AvantGarde CE
英文标题 品牌主张 大型英文排版 海报 国际传播
FAMILY “Avant Garde CE” · Book 400 单字重 · ttf
05
FONT ROLEENGLISH BODY · 英文正文
Avenir Next LT Pro
英文正文 长文本 品牌介绍 说明信息 国际内容
FAMILY “Avenir Next LT Pro”(官方字体包实际字体)· Regular / Bold / Italic · otf
06
FONT ROLEDIGITAL MONO · 数字 / 技术辅助字体
JetBrains Mono
数字 编号 HEX 年份 参数 Metadata 代码信息 技术标签
EXTENSION 不在官方字体包内 · Regular / Medium / Bold · Google Fonts 在线

5.2 字号层级 TYPE SCALE

DISPLAY · 64px / 800 · lh 1.05
品牌超大标题 · 海报主视觉
做全球生意,就找极客跳动!
H1 · 40px / 700 · lh 1.2
页面主标题 · 章章级标题
章节主标题层级
H2 · 32px / 700 · lh 1.3
章节标题 · 大块分区
章节内大块标题
H3 · 24px / 600 · lh 1.4
模块标题 · 小节
子模块标题层级
H4 · 20px / 600 · lh 1.4
卡片标题 · 列表项
卡片标题层级
BODY LARGE · 18px / 400 · lh 1.7
大正文 · 导语
大正文层级。用于章节导语与重点段落,比标准正文更具呼吸感。
BODY · 16px / 400 · lh 1.75
标准正文 · 长文阅读
正文文本。深色底行高放宽至 1.75,为长文阅读提供呼吸感——这是品牌温度的排版表达。
CAPTION · 14px / 400 · lh 1.6
说明文字 · 图注
注释图说 · Caption 14px,用于图片说明与辅助信息。
LABEL · 12px / 500 · MONO
标签 · Metadata · 技术参数
LABEL 12 · #DA251C · 12,847 BUILDS · EST. 2016

5.3 中文字体样张 CHINESE SPECIMEN

统一核心测试文本 · 方便直接比较中文字形、数字、标点的视觉差异

普惠体 3.0 · 400

极客跳动
做商业成功的共创者
0123456789
,。!?「」【】()

数黑体 · 700

极客跳动
做商业成功的共创者
0123456789
,。!?「」【】()

方圆体 VF · 400

极客跳动
做商业成功的共创者
0123456789
,。!?「」【】()

5.4 英文字体样张 ENGLISH SPECIMEN

AvantGarde CE · 400

GeekDance, Make your business great again!
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Avenir Next LT Pro · 400

GeekDance, Make your business great again!
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

JetBrains Mono · 400

GeekDance, Make your business great again!
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

5.5 字体实验 TYPE PLAYGROUND

CONTROL 控制 · ↓ · LIVE PREVIEW 实时预览 · 切换只改状态,结构恒定

40px
1.35
0em
阿里巴巴普惠体 3.0 · 85 Bold GEEKDANCE DEFAULT

你总说梦想很远, 但遇上极客跳动, 不妨大胆一些。 我们会用技术为你搭建舞台, 用科技点燃这个时代!

STATE CHANGES. LAYOUT STAYS FIXED. · 切换字体只改变状态,Preview 版式恒定

5.6 官方字体资产 OFFICIAL FONT ASSETS

FONT ASSETS 字体资产 · 查看、预览、下载 · 真实文件直链

DOWNLOAD FONT KIT · 官方字体包 极客跳动-字体-安装版.zip · 60.5MB · 每字体最优可安装格式(otf/ttf)· Web 用 woff2 可于上方单字体下载
DOWNLOAD FONT KIT
字体 / FONT 用途 / ROLE 字重数 格式 加载 操作 / ACTIONS
阿里巴巴普惠体 3.0"Alibaba PuHuiTi 3.0" 中文正文 10 woff2 · ttf · otf LOADING 检测中
阿里妈妈数黑体"Alimama ShuHeiTi" 中文标题 1 woff2 · ttf · otf LOADING 检测中
阿里妈妈方圆体"Alimama FangYuanTi VF" 中文展示 VF woff2 · ttf LOADING 检测中
AvantGarde CE"Avant Garde CE" 英文标题 1 ttf LOADING 检测中
Avenir Next LT Pro"Avenir Next LT Pro"(官方字体包实际字体) 英文正文 3 otf LOADING 检测中
JetBrains MonoDIGITAL EXTENSION · 数字化扩展字体(不在官方字体包内) 数字 / 技术辅助 3 woff2 · 在线 LOADING 检测中
06 / Brand Character

品牌 IP · 极客队长

极客队长(GeekCaptain)是极客跳动的品牌 IP 形象,角色代号 GEEKER · 技术伙伴—— 扎在商业场景里的技术同行者,懂代码,更懂商业目标。

MEET GEEKCAPTAIN

极客队长

GeekCaptain

GEEKER · 技术伙伴

在数字世界里,他陪客户把商业想法真正落地。
用代码敲开未来,以行动共建商业世界。

Code the Future,
Build the World.

极客队长 GeekCaptain 叉腰形象

CHARACTER PROFILE

角色设定

悬停或点击角色说明——极客队长将亲自回应:全身技术扫描、G 接口激活、或品牌能量扩散。

极客队长 GeekCaptain 半侧面透明PNG 官方品牌IP形象

GEEKER

在数字世界里,他是陪客户把商业想法落地的技术搭子。
用代码敲开未来,以行动共建商业世界。

Code the Future,
Build the World.

CHARACTER TRAITS 性格图谱
  • 协作 40%
  • 务实 25%
  • 灵动 25%
  • 好奇 10%

06.2 / Character Personality

性格图谱

务实

Pragmatic

协作

Collaborative

灵动

Agile

好奇

Curious

悬停上方关键词,查看极客队长的核心性格。

06.3 / Color Palette

IP 标准色彩

角色专属色彩规范,独立于 GeekDance 品牌主色系统,仅用于极客队长本体绘制。

FIRST COLOR
主红 · 兜帽 #D4301B

RGB 212 48 27

SECONDARY
深红 · 阴影 #B20800

RGB 178 8 0

SECONDARY
浅灰 · 素体 #E6E6E6

RGB 230 230 230

SECONDARY
炭黑 · 描线 #232323

RGB 35 35 35

SECONDARY
白色 · 高光 #FFFFFF

Source PDF value

点击色卡 HEX 可复制到剪贴板。白色色块优先显示官方 HEX #FFFFFF。

06.4 / Proportion System

标准比例

6:5 头身比

极客队长的标准比例采用 6:5 头身关系:头部(兜帽)占 6 个基础单位,身体占 5 个基础单位。 这一比例共同构成极客队长圆润、稳定且具有高辨识度的基础角色结构。 后续角色在不同动作、场景与尺寸下进行延展时,应保持整体比例关系与核心视觉特征稳定。

OFFICIAL REFERENCE · 官方规范原稿 CLICK TO ZOOM · 点击放大
DOWNLOAD · 下载原图
6X

头部(兜帽)

红色兜帽与头部结构约占 6 个基础单位,构成极客队长最强的视觉识别区域。头部尺寸决定角色整体的圆润感、亲和力与辨识度。

5X

身体(白色主体)

身体部分约占 5 个基础单位。较紧凑的身体比例,为角色保留圆润、轻盈的视觉特征,同时为动作、姿态与互动提供足够的表现空间。

1X

基础单位 X

X 是角色比例系统中的基础参考单位。标准角色尺寸、头身关系以及后续比例判断,均可以 X 作为视觉参考。

06.5 / 2D Turnaround

2D 角色三视图

展示极客队长2D完整体与素体在不同视角下的标准形象。

DOWNLOAD · 下载原图

06.6 / 3D Turnaround

3D 角色三视图

展示极客队长3D完整体与素体的标准视角,为后续3D动作与场景衍生提供角色原型依据。

DOWNLOAD · 下载原图

06.7 / 3D Actions

3D 动作

以下为极客队长官方 3D 动作示例,展示角色在点赞、工作、招呼等典型场景下的姿态表现。实际应用中可在此基础上延展更多动作——延展时请保持角色比例、胸前 G 标识与核心视觉特征稳定。

07 / BRAND ASSETS

品牌资产中心

OFFICIAL BRAND ASSETS

获取极客跳动官方 Logo、品牌字体与极客队长 IP 资产。所有素材均来自当前官方品牌资源,可直接查看、复制或下载。

07.1

Logo 资产

LOGO ASSETS VIEW GUIDE → 03 Logo 规范
CHINESE PRIMARY LOGO · 中文标准 Logo
A · 第一优先级

品牌正式核心标识(已商标注册),中文品牌传播与企业物料第一优先级。深色背景请使用套件中的反白版本。

DOWNLOAD · 下载 PNG
更多格式 SVG PDF JPG
DOWNLOAD ALL · 中文版 Logo 套件
ENGLISH LOGO · 英文 Logo
B · 国际传播

适用于海外官网、国际社交媒体、海外传播及国际项目场景。

DOWNLOAD · 下载 PNG
DOWNLOAD ALL · 英文版 Logo 套件
07.2

官方字体包

OFFICIAL FONT KIT VIEW TYPOGRAPHY GUIDE → 05 字体系统
官方字体包 · 安装版 · 每字体最优可安装格式(otf/ttf)· 普惠体 3.0 全字重 / 数黑体 / 方圆体 / AvantGarde CE / Avenir Next LT Pro · Web 用 woff2 可于 5.6 单字体下载 DOWNLOAD FONT KIT · 下载完整字体包
极客跳动
阿里妈妈数黑体 中文标题 · 大标题 / 强视觉文字
DOWNLOAD
极客跳动
阿里巴巴普惠体 3.0 中文正文 · 长文本 / 说明文字
DOWNLOAD
极客跳动
阿里妈妈方圆体 中文展示 · 创意延展
DOWNLOAD
GeekDance
AvantGarde CE 英文标题 · 品牌展示
DOWNLOAD
GeekDance
Avenir Next LT Pro 英文正文 · 长文本
DOWNLOAD
2026 / 0123456789
JetBrains Mono 数字 · 技术信息 / 参数辅助 外部扩展字体 · 不在官方字体包内 · Google Fonts 在线获取
OPEN ↗
07.3

极客队长 IP 资产

GEEKCAPTAIN IP VIEW GUIDE → 06 品牌角色
A · IP 资产第一优先级

极客队长 IP 设计概念图

GEEKCAPTAIN IP DESIGN CONCEPT · PDF · 7 页
DOWNLOAD PDF · 下载
极客队长 2D 角色三视图
2D 角色三视图 2D TURNAROUND · 官方规范原图
DOWNLOAD
极客队长 3D 角色三视图
3D 角色三视图 3D TURNAROUND · 官方规范原图
DOWNLOAD