GEEKDANCE

极客跳动
品牌手册

BRAND GUIDELINES

开始阅读

标准横版图文组合

PDF 02 ↗

图标、中文名与英文名一次呈现,是首次展示品牌和正式署名的优先形式。

形式特点

GD 图标与中英文字标构成完整横向识别。代码尖括号、两道斜切面与右倾“跳动”形成统一的方向感。

适用场景

官网页首、公司介绍、商务方案封面和正式落款。适合读者第一次接触品牌、需要同时识别图形与名称的页面。

选择与使用

品牌红为默认主版本,整体等比缩放。
图标与字标的相对位置保持不变。
空间不足时,改选对应的精简形式。

独立图标

PDF 03 ↗

提取 GD 核心图形,让有限空间仍能延续品牌识别;通常与已出现的品牌名称配合。

形式特点

保留代码尖括号、GD 轮廓与两道切面,不含中英文字标。现有八款配色,用主题色区分内容,轮廓保持一致。

适用场景

界面图标位、海报角标、品牌名称旁的辅助识别和主题内容。适合名称已经明确出现,或可用空间较小的场景。

选择与使用

需要完整介绍品牌时,优先选择图文组合。社交平台上传使用专用头像文件;不要直接裁切或放大此图标来代替头像母版。

纯中文字标

PDF 04 ↗

只呈现“极客跳动”,让中文名称在内容与署名中清楚出现。

形式特点

移除 GD 图标和英文名称,保留定稿中文字形。“极客”为黑色,“跳动”为品牌红,整体右倾关系保持不变。

适用场景

中文网页页眉、中文内容署名、资料落款和以中文阅读为主的品牌信息区。需要突出中文名称时可优先选择。

选择与使用

字标调用原图,不用普通字体重新输入。需要同时呈现英文名时改用中英文字标;首次正式介绍品牌可选完整图文组合。

纯英文字标

PDF 05 ↗

以 GeekDance 完整英文名称完成署名,适配英文界面与英文资料。

形式特点

只使用定稿英文名称,不含 GD 图标与中文名称。
Geek 为黑色,Dance 为品牌红。
字形、字距与黑红关系均沿用原图。

适用场景

英文网站、英文演示资料、海外服务介绍和英文内容落款。页面以英文为主、需要清楚展示英文品牌名时使用。

选择与使用

保持完整名称与既定字距,不拆分、重排或自行重打。面向中英文读者时,改用中英文字标或完整图文组合。

中英文字标

PDF 06 ↗

同时保留中文与英文名称,在不重复图标的情况下完成双语署名。

形式特点

中文名称在上、英文名称在下,不含 GD 图标。两种语言保持既定大小与位置关系,并沿用一致的黑红配色。

适用场景

双语资料页眉、双语内容署名,以及图标已在版面其他位置独立出现的场景。适合同时保留两种语言的品牌名称。

选择与使用

整体调用原文件,保留上下行比例。
需要图形与名称一起建立识别时,选择完整图文组合,避免临时拼接新形式。

品牌红为锚点,辅色按主题使用

PDF 09 ↗

色值取自最新版 SVG 与说明。点击色块可复制基础色值。

浅 #E3372D深 #CB2119
浅 #477CF0深 #1C4DCD
浅 #29AF83深 #047C56
浅 #FDCE3D深 #DEA400
浅 #FB9140深 #DC5D0D
浅 #454852深 #16181D

字标固定色

多彩版的蓝与绿

蓝 #4285F4,浅 #6099F6 / 深 #3975D7;绿 #34A853,浅 #54B96E / 深 #2D9148。不能用科技蓝、翡翠绿替代。

两种多彩关系

多彩 A:左括号蓝、G 红、D 绿、右括号黄。多彩 B:左括号绿、G 蓝、D 红、右括号黄。红、黄沿用品牌红与 #FBBC05。

八色独立图标总览

PDF 08 ↗

八种配色沿用同一轮廓与切面。先对比整体效果,再查看下方各配色的具体用法。

品牌红
科技蓝
翡翠绿
明亮黄
暖橙
石墨黑
多彩A · 红绿核心
多彩B · 蓝红核心

默认主用

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

官网、公司资料、正式署名

使用要点

品牌红为长期主版本。完整组合优先用于正式署名;空间有限且名称已出现时,可使用独立图标。

技术内容

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

开发者活动、产品与技术栏目

使用要点

用于技术主题的识别与栏目区分。完整组合保留固定黑红字标,不把字标改为蓝色。

协作与成长

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

服务内容、协作主题、成长栏目

使用要点

用于服务、协作与成长主题。只改变图标配色,角色 IP 仍沿用红色服装与既定配色。

轻快与提示

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

活动重点、轻松知识;避免细小黄字

使用要点

用于轻快内容和活动重点。避免细小黄字,实际输出需检查背景对比与切面辨识度。

社群与招募

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

社群运营、分享会、人才招募

使用要点

用于分享、社群与招募主题。主题配色长期稳定使用,避免同一账号频繁更换颜色。

克制的商务表达

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

编辑版式、稳重主题;保留切面色阶

使用要点

保留三种色阶与既定切面。石墨黑不等于单墨生产稿;单墨制作需另制 Logo 原稿并确认。

多彩A · 红绿核心

创意与共创

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

创意活动、社区、共创内容

使用要点

左括号蓝、G 红、D 绿、右括号黄。使用多彩专用蓝 #4285F4 与绿 #34A853,不以科技蓝、翡翠绿替代。

多彩B · 蓝红核心

数字与开放

独立图标

SVG ↓

图标+中英文字标

PNG ↓

适用场景

数字产品、开放生态、多元协作

使用要点

左括号绿、G 蓝、D 红、右括号黄。使用多彩专用蓝 #4285F4 与绿 #34A853,不以科技蓝、翡翠绿替代。

以可见轮廓测量,不用图片画布测量

PDF 10 ↗

测量可见轮廓,缩放保持比例;实际使用需在最终屏幕、纸张或工艺上检查。

完整组合安全留白示意1x

x = 标识可见高度的 1/4

独立图标

完整组合与独立图标四周
至少保留 1x 净空

推荐起始尺寸

形式屏幕上可见宽度印刷起点 / 说明
完整横版组合≥ 240 px≥ 45 mm;中英文字均应可读
独立图标≥ 32 px≥ 8 mm;两道切面仍需可辨
纯中文 / 纯英文 / 双语字标≥ 120 / 140 / 180 px小尺寸优先减少组合内容,保持既定字距

让标识清楚,让信息有序

PDF 11 ↗

完整图文 Logo 优先白底或极浅底;通过清楚的层级和留白组织信息。

白底 / 默认优先
白底 / 默认优先
暖白 / 亲和内容
暖白 / 亲和内容
深底 / 白色承载区
深底 / 白色承载区

字标与正文各司其职

字标调用原文件,不用字体重打。正文建议思源黑体 / Noto Sans SC,西文建议 Inter,使用前核对授权。

统一排版节奏

屏幕正文建议 16 px 起,行高 1.5 至 1.7;间距按 8 的倍数组织。每个版面先明确一个视觉重点。

完整保留既定外观

保持黑红字标与原比例,不加描边、发光、投影或滤镜。复杂照片与深底使用白色承载区。

按文件能力交付

完整组合与字标目前仅有 PNG,大幅制作前补齐矢量。11 / 12 为独立 GD 反白头像,不能替代完整组合反白版。

认识极客队长,从正面站姿开始

PDF 12 ↗

正面自然站立是基础形象,适合品牌介绍与首次出场。圆帽宝宝颊、完整身体与手脚共同建立角色识别。

圆润轮廓,温和的第一印象

圆帽、饱满宝宝颊与圆肚子形成柔软体积;竖椭圆眼、小高光和闭嘴微笑,让角色容易接近。

红色服装与代码扣,连接品牌

帽、身体服装与短披风统一品牌红;炭黑 <> 披风扣呼应代码符号。脸、双手与双脚统一奶油肤色。

少量特征,在不同媒介中延续

保留同一比例、表情与服装。不增加眉鼻、独立手套、鞋靴或挂件;平面化保留轮廓,立体化强调柔软体积。

五张立体图,各有明确用途

PDF 13 ↗

基础介绍用正面,知识内容用托腮;结构沟通用三视图,45° 微侧补充体积表现。

正面自然站立

官网欢迎、品牌介绍、活动首次出场。保持完整身体,作为基础识别。

严格 90° 侧面

角色结构、脸颊前凸与厚度说明。朝画面左侧;不随意镜像替代另一侧。

严格 180° 背面

披风与帽体背面结构参考。不出现正面五官或胸前扣。

正面托腮思考

技术答疑、解决方案、知识分享、咨询引导。保留基础微笑与同款服装。

45° 微侧

封面、特写、宣传配图与周边效果说明。不用作严格正投影图。

按沟通任务选择角色表现

PDF 14 ↗

先确定沟通任务,再选择完整角色、思考动作、小尺寸头像或单色制作稿。

沟通任务优先形象使用要点
品牌介绍 / 首次出场立体正面自然站立保持完整身体,建立基础识别
技术答疑 / 解决方案立体正面托腮思考保留基础微笑与服装,不改身体结构
封面 / 宣传特写45° 微侧突出体积,不用作严格正投影制作图
结构 / 制作沟通严格 90° 侧面 + 180° 背面侧面当前朝左;背面不出现正面五官
贴纸 / 海报角标 / 导视平面全身彩色建议显示高度 ≥ 128 px,放大优先 SVG
小尺寸署名 / 人格账号平面彩色头像建议显示尺寸 ≥ 32 px;社交上传用专用头像
单墨印刷 / 印章 / 雕刻平面全身单色 / 头像单色透明镂空透出底色,生产前打样

四份矢量资产,覆盖日常应用

PDF 15 ↗

全身版保留完整手脚与短披风;彩色版采用四种纯色,单色版为炭黑单墨透明镂空。放大或编辑优先调用 SVG。

全身彩色

SVG ↓

贴纸、海报角标、导视、文档插画;放大或编辑优先 SVG。

显示高度建议 ≥ 128 px

全身单色

SVG ↓

单墨印刷、印章、丝印。镂空透出底色,工艺先打样。

显示高度建议 ≥ 128 px

头像彩色

SVG ↓

人格账号、客服、社群助手、小尺寸内容署名。

显示尺寸建议 ≥ 32 px

头像单色

SVG ↓

简洁署名、单色物料、压印或雕刻参考;不属本套社交头像。

显示尺寸建议 ≥ 32 px

从最常用的两款头像开始

PDF 16 ↗

企业账号可从 01 品牌红 Logo 开始;内容、客服与社群人格账号可从 09 彩色 IP 头像开始。

品牌红 Logo / 白底圆形裁切

01 品牌红 Logo / 白底

突出机构名称背后的品牌符号

彩色 IP 头像 / 白底圆形裁切

09 彩色 IP 头像 / 白底

以头部特写传达角色与亲近感

缩小信息,保留核心

独立 GD 或头部特写减少细节损失。账号名承担文字识别,头像不塞入双语字标、口号或业务标签。

方形上传,兼顾圆裁

1:1 母版预留圆裁边距。帽顶、双颊与代码扣完整保留,不二次放大。

长期识别,主题有序

一个账号确定一种主头像长期使用。其他配色和深底款按角色或主题选择,保持稳定印象。

白底基础款:八色 Logo 与两款 IP

PDF 17 ↗

按账号角色挑选。方形与圆形切换仅用于预览,下载文件始终是完整 1:1 方图。

裁切预览

反白与深底,形成不同账号气质

PDF 18 ↗

11 / 12 为纯白 GD;13 为原彩色 IP 配石墨黑底。三款均直接调用现成方形头像。

11 品牌红底 · 白标

PNG ↓

强化品牌红的企业或活动账号。与 01 白底主头像选择一种长期使用。

12 石墨黑底 · 白标

PNG ↓

深色视觉、技术或稳重商务主题。保持纯白轮廓与 G / D 间隙。

13 石墨黑底 · 彩色 IP

PNG ↓

深色风格的内容、客服或社群账号。保留原 IP 造型与配色。

直接上传方图,保留完整圆裁范围

PDF 19 ↗

13 款均有圆裁安全边距;直接上传完整方图,兼顾不同平台的圆形显示。

09彩色IP头像圆裁安全范围
09 彩色 IP 头像 / 白底
保留帽顶、双颊与 <> 披风扣
96 px11头像96像素圆裁12头像96像素圆裁13头像96像素圆裁10头像96像素圆裁
64 px11头像64像素圆裁12头像64像素圆裁13头像64像素圆裁10头像64像素圆裁
32 px11头像32像素圆裁12头像32像素圆裁13头像32像素圆裁10头像32像素圆裁

沿用母版布局

Logo 宽约 78%,IP 头像宽约 66%,全身高约 84%。沿用各款白、品牌红或石墨黑底。

按显示与上传需要选规格

1024 适合日常,2048 用于高清上传;256 / 128 适配明确小尺寸要求。小显示优先 GD 或 IP 头,10 全身款用于较大显示与活动主题。

小红书账号矩阵:头像选用建议

PDF 20 ↗

以红底主号建立品牌中心,业务号按主题区分;团队与招聘分别表达文化和雇主品牌。

让 Logo 署名,让 IP 参与沟通

PDF 21 ↗

把标识、角色与头像放入同一版面,形成完整且有层次的品牌表达。

品牌红完整图文组合

品牌标识 + 角色形象

极客队长正面形象

标识保持独立

Logo 负责清楚署名,四周保留净空。角色放在内容区,与 Logo 通过版式建立关系。

角色沿用定稿

图标用配色区分主题。角色保持红色服装、奶油肤色与代码扣,延续一致识别。

一页一个主视觉

先决定 Logo、标题或 IP 谁最突出,再安排辅助元素。共同出现时各自完整,不拼成新标识。

同一品牌,四种相互连接的表达

PDF 22 ↗

正式商务、技术内容、创意共创与社群传播,在不同主题中延续同一个极客跳动。

品牌红完整组合

正式商务

正式商务IP表现

稳定署名 / 清楚可信

科技蓝完整组合

技术内容

技术内容IP表现

问题引导 / 思考交流

多彩A完整组合

创意共创

创意共创IP表现

多元连接 / 轻快表达

暖橙完整组合

社群传播

社群传播IP表现

温和陪伴 / 经验分享

商务文件与演示

PDF 23 ↗

在方案封面、演示内页与邮件签名中保持同一品牌署名,按信息层级控制标识大小与留白。

封面使用完整 Logo

品牌红图文组合用于正式署名,标题与副标题保持清楚层级。

内页保留轻量署名

以内容为主,缩小标识,给正文和图表保留空间。

联系方式保持可复制

签名可使用独立图标,姓名、职位与联系方式保留为文字。

活动物料与联合品牌

PDF 24 ↗

活动中组合完整 Logo 与平面 IP;合作方标识各自完整,实体制作按工艺选择原稿。

活动立牌与宣传物料

完整 Logo 负责署名,平面 IP 参与视觉。平面 IP 放大优先 SVG;完整 Logo 需补齐矢量原稿。

联合品牌各自完整

合作方标识在独立区域呈现,不拼接图形,不挤占安全留白。

按实际工艺打样

单墨制作选单色 IP;Logo 的单墨生产稿需另制并确认。

下载文件 ↓