红帽开发人员品牌规范

企业开发人员身处一个工具与技术不断演进的领域。为了吸引他们的关注并赢得持久信任,我们讲述的故事应能反映他们日常接触的技术与文化。红帽® 开发人员品牌规范可将我们的品牌延伸至开发人员最擅长的领域,与他们交流沟通。

基础

基础

仅仅嘴上说我们“懂”开发人员是不够的——我们必须用行动向他们证明。红帽开发人员品牌彰显了我们致力于开发开源软件的决心,以及乐于与开发人员社区分享一手知识和专业经验的开放态度。

在与开发人员沟通时,请牢记以下原则:

保持真实

开发人员很忙。他们需要的是能派上用场的信息,而不是花哨的营销话术。传达简单直接的内容,以此表明我们珍视他们的时间。不要过度推销我们提供的产品与服务。

保持巧妙

在开发人员眼中,信息来源的可信度门槛很高。通过引用他们熟悉的幽默和文化梗,表明我们懂他们。采用诙谐、俏皮的语气。我们的作品不应像闯入他们世界的弹出广告,而应该让人觉得,它本来就是那个世界的一部分。

保持红帽本色

即使在与开发人员交流,我们依然是红帽。这意味着忠于我们的品牌平台与个性,并沿用我们的设计语言。红帽开发人员品牌正是建立在这些基础之上。

红帽开发人员并非脱离红帽品牌独立存在,而是混合风格与我们开源文化的一种延伸。我们不是在为开发人员打造一个不同的红帽,而是在展现那个一直与他们相伴、始终如一的红帽。

背面贴有红帽开发人员主题贴纸的平板电脑。
展示红帽开发人员图像的一组 Instagram 轮播图,邀请开发人员加入该计划。
邀请开发人员开始使用 Linux 的横幅广告。
一幅横幅悬挂在会议中心,为红帽开发人员计划做宣传。
红帽开发人员电子书封面。
红帽 YouTube 频道上发布的红帽开发人员相关视频的屏幕截图。
红帽开发人员网站上的一张主图,其中包含欢迎用户的文字,右侧漂浮着 Repo 和开发人员 3D 对象。
四张网页卡片,链接至面向开发人员的红帽平台资源。每张卡片上的图像都显示了该平台的技术图标,悬浮在深紫色到黑色的渐变背景上,构图的两侧裁切出红色基础形状。

对品牌标准有任何意见或建议?请在此处提交。

有疑问?红帽员工可通过 Slack 上的 #help-brand 与我们联系。

元素

元素

红帽开发人员品牌以红帽设计语言为起点,借鉴了混合风格的各个方面,并叠加了专为开发人员量身定制的视觉元素,以讲述能够引起他们共鸣的故事。

Logo

除了使用红帽 logo 外,红帽开发人员还有一个可选的倡议 logo,它将文字与一个多彩的 DevOps 无限循环图形相结合,象征着开发人员的协作流程。根据具体情境,它可以采用多种配色方案。

下载红帽开发人员 logo

留白区域

带有适当留白区域的红帽开发人员 logo 示意图。

Logo 周围的留白区域应等于“Developer”一词中字母“o”的大小。请确保此区域内没有其他 logo、文字或干扰性图形。

配色

反色版(白色文字)、标准颜色版(黑色文字)以及单色黑版和单色白版的红帽开发人员 logo。

大多数情况下默认使用全彩 logo,并选择与背景对比度最高的版本。单色版本仅用于受生产工艺限制的应用场景。

使用红帽 logo 

所有红帽开发人员材料中都必须出现红帽 logo 或帽子标识,因为表明信息发布方是与开发人员建立关系的重要一环。其视觉权重应等于或大于红帽开发人员 logo。

在空间允许的情况下,请将两个 logo 分别置于不同的印制区域。如果由于空间限制,必须将它们置于同一区域,则应清晰呈现它们是两个独立的 logo,不要将它们合并到一起或放置得太近。若空间仅容得下一个 logo,则使用红帽 logo。

名为 Devconf 的大会上的一张海报,用于宣传红帽开发人员展位。海报顶部醒目位置放置了红帽 logo,右下角则放置红帽开发人员 logo。
误用示例:红帽开发人员 logo 添加了外发光效果,DevOps 循环图标使用了渐变色。

错误做法:不要为 logo 应用阴影、渐变色或其他效果。

误用示例:过时版本的红帽开发人员 logo。

错误做法:不要使用过时的 logo 版本。请仔细检查颜色。

误用示例:红帽 logo 与红帽开发人员 logo 的底部距离过近,违反了这两个 logo 的留白区域规则。

错误做法:不要将红帽开发人员 logo 和红帽 logo 放置得过近。

误用示例:在红帽开发人员 logo 上,帽子标识挂在字母“R”上。

错误做法:不要将红帽开发人员 logo 和红帽 logo 混用。

误用示例:红帽开发人员 logo 与 IBM logo 进行品牌联名展示。

错误做法:不要将我们的 logo 与其他 logo 或图标进行品牌联名展示。遵循红帽品牌联名准则。

误用示例:AI 生成的图像,显示了印有红帽开发人员 logo 的马克杯。

错误做法:不要使用 AI 生成带有红帽开发人员 logo 的图像。

颜色

开发人员经常在深色模式下使用红帽产品,他们的大部分时间花在 IDE 和 CLI 等工具上。在那些能够引发开发人员共鸣的热门媒体(比如电子游戏和科幻作品)中,深色配色方案也很常见。

为契合这种基调,红帽开发人员的视觉构图也采用深色模式,以深紫色和黑色为主,并点缀少量强调色。所有颜色均来自红帽配色方案。

背景色

从 purple-80 到 black 的渐变色卡。

采用从 purple-80 到 black 的径向渐变,营造微妙的纵深感。必要时,可以使用纯黑色或深紫色作为更简洁的替代方案。

强调色

显示红帽红、橙色、黄色、蓝绿色、紫色和灰色的色卡。

通过 3D 对象、图标和基础形状等小型元素引入强调色。从红色开始(每个构图都应在某处包含红帽红),并根据需要酌情添加其他强调色。

信息类配色方案

显示 success-green、danger-orange 和 interaction-blue 的色卡。

在软件中,颜色可以传达成功或失败等关键信息。使用与我们的设计系统保持一致的信息类配色方案(及其他颜色),确保营销材料和产品界面之间的一致性。

在网站或电子书等有限应用场景中,版面会在使用深色模式的表现性区域和切换为浅色模式的功能性区域之间交替。在这些情况下,背景可采用白色或灰色,其他元素则应保持不变。

误用示例:使用蓝绿色背景的红帽开发人员图像,并在基础形状上使用了红色到蓝绿色的渐变。

错误做法:不要使用本规范规定范围以外的颜色或渐变。即便使用的是本规范中的颜色,也不要自行创建任何新的渐变。

误用示例:关于使用 Kubernetes 开发应用的红帽开发人员图像,使用蓝色作为强调色,以匹配 Kubernetes 开源社区的品牌色。

错误做法:不要模仿其他品牌或开源社区的颜色。

不含红帽红的红帽开发人员图像。

错误做法:别忘了使用红帽红。

字体和排版

红帽开发人员品牌遵循我们的字体和排版指南,但特别强调使用 Red Hat Mono 字体。在合适的场景下,还可以采用让人联想到编码环境和语言的文字风格化处理。

选择文本颜色时,应优先确保与背景形成最大对比度;单一纯色通常效果最佳。请记住,红色能够迅速吸引注意力,因此应保留用于短文本行,以突出显示关键词。

字体示例,显示 Red Hat Mono Medium 用于标题,Red Hat Text Regular 用于正文,Red Hat Display Bold 用于 CTA 按钮内文字。

将 Red Hat Mono 用于标题和实际代码片段,但不要过度使用,否则会显得花哨且难以阅读。

对于其他文本,一如既往地使用 Red Hat Display 和 Red Hat Text。

在关于 Kubernetes 中 Java 应用的广告中使用 Red Hat Mono 的示例。文本格式模仿了 Javascript 代码。

充分利用代码的外观特征,比如左对齐以及字词之间的颜色变换,就像区分不同类型的命令那样。模仿编码语法,如行号和特殊字符。研究与所传达信息相关的编码语言,以正确匹配其语法。

误用示例:Red Hat Mono 用于正文段落和 CTA 按钮中的文本。

错误做法:不要将 Red Hat Mono 用于正文、标签或 CTA,它的可读性太差。

误用示例:一段提及 Apache Kafka 的文本,但使用了 HTML 格式,并且有一个单词带有删除线。

错误做法:不要向文本添加真实编码环境中不存在或与所提及编码语言不匹配的元素。

误用示例:红帽开发人员 logo 中的文字被改为 Red Hat Mono 字体。

错误做法:不要在红帽开发人员 logo 或红帽 logo 中使用 Red Hat Mono 字体。

基础形状

红帽开发人员品牌使用混合风格中的基础形状作为点缀,而非视觉焦点。使用它们来界定空间、框定构图。

两个带有 red-30 到 red-50 描边线条的基础形状,裁切出框架的左上角和右下角。

使用基础形状作为描边线条,采用从 red-30 到 red-50 的渐变。确切的线条粗细取决于构图大小,但应显得纤细。

菱形基础形状构成的图案,填充了从深紫色到黑色的渐变。

使用深紫色或黑色基础形状作为低调的背景元素或图案。

一个开发人员 3D 对象放置在鲜艳的蓝绿色基础形状上。

错误做法:不要让基础形状成为场景中的突出元素。

误用示例:使用混合样式的基础形状,采用红色到蓝绿色以及红色到紫色渐变。

错误做法:不要对基础形状描边线条使用其他颜色。

误用示例:一个基础形状环绕在 3D 物体周围,且该基础形状的描边线条非常粗。

错误做法:避免基础形状的描边过细或过粗。

棚拍摄影

展示真实人物使用真实的软件工作,有助于受众理解所传达的信息。与混合风格的棚拍肖像一样,红帽开发人员照片也采用模特拍摄,通过风格化的姿势、道具、灯光和着装来营造氛围。他们专注于手头的工作,屏幕或小台灯的光线在昏暗的工作空间中散发出柔和光晕。

下载红帽开发人员照片

昏暗的环境中,一位女士坐在桌前,借助台灯的光线使用笔记本电脑和显示器专注工作。
黑暗的房间里,一位身穿深色连帽衫的男士在电脑前工作。
黑暗的房间里,一位戴着耳机的女士在电脑前工作,屏幕照亮了她的脸。
昏暗的环境中,一位反戴帽子的男士使用笔记本电脑工作,屏幕照亮了他的脸。
光线昏暗的紫色房间里,一位女士坐在桌前,使用笔记本电脑在两台显示器前编写代码。
光线昏暗的办公室里,一位戴着头巾和眼镜的女士使用笔记本电脑专注工作。

这些照片已从背景中抠出,更易于在拼贴设计中与其他元素灵活组合。它们应始终放置在深色背景上,并辅以渐变效果,使最亮处的色彩以与照片中光源相匹配的方式散发出来。

误用示例:开发人员照片被编辑成了红色调。

错误做法:不要编辑开发人员照片,也不要改变光线或色温。

误用示例:一张并非为开发人员品牌拍摄的红帽照片,被抠图并编辑成类似开发人员照片的样子。

错误做法:不要将其他照片编辑成红帽开发人员风格的照片。

误用示例:置于浅红色背景上的开发人员照片。

错误做法:不要在浅色背景上使用开发人员照片。这些照片的风格适用于深色模式。

误用示例:混合风格的棚拍肖像与红帽开发人员图像素材结合使用。

错误做法:不要在红帽开发人员材料中使用混合风格的棚拍肖像。

误用示例:一张图库照片,顶部编辑了蓝色数字化文本。

错误做法:不要使用购买的图库照片。

误用示例:AI 生成的男士图像,看起来与红帽开发人员照片相似。

错误做法:不要使用 AI 生成真实或虚构人物的图像。

3D 对象

除了我们的通用 3D 对象库外,红帽开发人员还使用一系列自定义深色对象,这些对象取材自与开发人员相关的流行文化、技术概念和硬件。它们既可用作构图的焦点,也可用作背景中的辅助元素。

新对象由品牌团队使用 3D 渲染软件和自定义 Firefly AI 模型进行渲染制作。

下载 3D 资源

前景对象

3D 渲染的一副耳机、一棵树和一颗树莓。每个对象均为黑色,从左侧投来紫色光,从右侧投来白色光。

前景对象的一侧投来紫色光,另一侧投来白色光,营造出一种空间感。可将它们用作构图的视觉焦点,放大并保持清晰对焦。

背景对象

一张带有流程图的纸、代码符号以及一个带对勾的圆形,以 3D 方式渲染。这些对象为哑光黑色,从右上方投来柔和的白色光线。

背景对象为单色,具有哑光黑色纹理,并受到漫射白光的照射。可以通过降低其不透明度并添加高斯模糊来将其推向背景,以模拟浅景深效果。

误用示例:开发人员 3D 对象被编辑成带有蓝绿色光线,而不是紫色光。

错误做法:不要修改红帽开发人员专用 3D 对象的颜色。

误用示例:一个单色对象被放大且清晰对焦,而带有紫色光晕的对象被模糊处理并推到背景中。

错误做法:不要将前景对象用作背景对象,也不要将背景对象用作前景对象。注意颜色。

误用示例:代表红帽 Ansible 的混合风格拼贴画,添加了两个开发人员专用的 3D 对象。

错误做法:不要在一般混合风格拼贴画中使用开发人员专用的深色对象。

对品牌标准有任何意见或建议?请在此处提交。

有疑问?红帽员工可通过 Slack 上的 #help-brand 与我们联系。

Repo 吉祥物

Repo 吉祥物

熟悉的面孔能帮助开发人员识别出内容来自可信来源。由此诞生了Repo,一个充满好奇心的机器人“reponaut”(存储库宇航员),其使命是在开发人员探索复杂工具与技术的旅程中为他们指引方向。Repo 的设计灵感源自宇航员和太空机器人,象征着开源开发者社区的独创性与开拓精神。

阅读 Repo 的背景故事

下载 Repo 图像

Repo 是一个小巧的机器人风格角色,以 3D 方式渲染。Repo 的整个头部是一个白色宇航员头盔,头盔玻璃中央的浅紫色发光界面构成了简单的眼睛和嘴巴。Repo 身穿红帽红色连帽衫和深紫色长裤,脚踩白色鞋底的红色靴子。Repo 的双手形状像人手,但由金属制成,就像机器人一样。

Repo 的默认装备

A.太空头盔:在代码宇宙和网络空间中航行的必备装备。


B.GUI:Repo 的数字显示屏,模拟眼睛和嘴巴,用于表达人类可以理解的情绪。

C.连帽衫:众多开发人员衣橱中的标志性单品,采用红帽红。

D.DevOps 循环图标:直接取自红帽开发人员 logo(Repo 是其忠实粉丝)。

E.登月靴:适合各种地形的实用鞋履,用于探索复杂的开发环境。

Repo 提供多种姿势版本,搭配各种表情、物件和服装,用于讲述故事并融入有趣的流行文化元素。在所有这些变体中,太空头盔、GUI 面部特征和服装配色等核心细节保持不变,因此 Repo 的形象始终易于辨识。新图像由品牌团队使用模块化 3D 模型和自定义 Firefly AI 模型进行渲染制作。

呈现不同姿势和造型的六张 Repo 图像:举起双手、乘坐火箭、装扮成著名侦探、练习瑜伽姿势、装扮成海盗,以及指向其左侧。

能力越大,责任越大。作为红帽品牌中使用的唯一吉祥物,Repo 的使用必须尊重品牌,并准确代表品牌形象。避免以引起分裂、冒犯性或可能有损品牌形象的方式使用 Repo。

误用示例:Repo 穿着蓝色连帽衫和蓝色鞋子。

错误做法:不要改变 Repo 具有辨识度的细节,如颜色和面部特征。

误用示例:AI 生成的 Repo 图像,看起来像霓虹线条画。

错误做法:不要使用未经训练的 AI 模型来创建或修改 Repo 图像。

误用示例:过时的 Repo 矢量图。

错误做法:不要使用过时版本的 Repo,例如早期的矢量绘图风格。

误用示例:一个 Repo 头上放置红帽 logo,另一个 Repo 头上戴着 AI 生成的 3D 红色软呢帽。

错误做法:不要在 Repo 身上放置红帽 logo、帽子标识或任何红色软呢帽。

误用示例:Repo 面带怒容,手持中世纪剑与盾牌。

错误做法:Repo 不使用任何类型的武器。

误用示例:Repo 双手叉腰,面露调皮神情。他头顶上方的文本气泡中包含代表不雅词汇的符号。

错误做法:Repo 不使用冒犯性或不恰当的语言或手势。

Repo 的应用场景 

Repo 仅限用于红帽开发人员材料中。在其自然使用环境之外使用 Repo,不仅会削弱其影响力,也会稀释它们在开发人员眼中的可信度。请记住,它们是朋友和向导,而不是销售人员……呃……销售机器人。

将 Repo 置于能够吸引注意力、并邀请开发人员进一步了解的高影响力应用场景中。避免在单个布局中多次使用 Repo。

红帽开发人员主页,主图中漂浮着 Repo。
宣传红帽开发人员计划的社交媒体帖子,显示 Repo 周围漂浮着一个应用窗口和一个容器。
红帽开发人员沙盒试用结束通知电子邮件,‌页眉图像中有一个正在挥手的小 Repo。
红帽开发人员演示文稿封面幻灯片,其中包含一张侧边栏图片,显示 Repo 乘坐火箭飞船漂浮。

应避免的做法

演示文稿封面幻灯片,包含铺满 Repo 的图案,此外还有一个 Repo 坐在标题文字上方,另一个 Repo 指向红帽 logo。

错误做法:不要过度使用 Repo,也不要用多个 Repo 拼成图案。

Repo 手持 RHEL 图标,坐在一个写有“点击购买 RHEL”的 CTA 按钮上方。

错误做法:不要让 Repo 看起来像是在为某款产品代言或销售产品。

误用示例:在红帽 Ansible 广告中,Repo 坐在 Ansible 图标上方。

错误做法:不要将 Repo 放置在与红帽开发人员无关的材料中。

对品牌标准有任何意见或建议?请在此处提交。

有疑问?红帽员工可通过 Slack 上的 #help-brand 与我们联系。

实施

实施

与混合风格拼贴画一样,红帽开发人员构图也采用单一光源和单一视觉焦点。但不同的是,其构图元素并非组合成一张拼贴画,而是悬浮在空间中,以鼓励探索和发现。

一张标注了红帽开发人员构图各项特征的示意图。

场景剖析

A.视觉焦点:选择单一元素作为最大、最突出的对象。它可以是带有紫色光晕的 3D 对象、开发人员照片或 Repo。

B.装饰性元素:添加与主题相关的小型全彩 3D 对象。

C.背景对象:在远处放置单色 3D 对象可营造纵深感。通过调整大小、透明度和模糊效果,将其推入背景中。

D.基础形状:使用基础形状作为框架元素,或与其他对象相互交织。

尽管采用深色模式,构图仍应保留充足的留白空间。仅使用讲述故事所必需的元素,避免画面杂乱。为文本和 logo 留出足够的留白区域,确保其清晰易读,并避免与 3D 对象或照片等元素重叠。

通过调整元素大小、旋转元素并应用简单的效果,营造纵深感和失重感。调整场景中所有元素的朝向,使光照看起来合理可信。

利用效果营造纵深

一张示意图,展示同一个 3D 对象在降低不透明度并应用高斯模糊后,逐渐隐入背景的过程。

通过运用效果和分层来模拟相机捕捉场景的方式,从而营造纵深感。可以通过缩小对象尺寸、降低不透明度并添加柔和的高斯模糊,将对象推入背景中,但需确保它们仍然可辨认。确切规格因构图而异,因此请根据视觉效果进行调整,直到细节看起来恰到好处。

构建场景时应避免的做法

误用示例:一张构图中包含 Repo、四个前景对象、四个背景对象和多个基础形状,画面显得杂乱拥挤。

错误做法:不要堆砌过多元素,造成画面杂乱。保持简洁,仅使用讲述故事所必需的元素。

误用示例:在开发人员拼贴画中,以明亮的蓝绿色非开发人员 3D 对象作为视觉焦点。

错误做法:不要让非开发人员元素成为主要视觉焦点。焦点应该是开发人员专用的 3D 对象或照片,或者 Repo。

误用示例:在拼贴画中,红帽 Ansible 和红帽 AI 技术图标被模糊处理,并被一个大型 3D 对象遮挡。

错误做法:不要模糊或遮挡技术图标,或其他需要完全可见才能被识别的元素。

引用和提及

在视觉上和文字中引用流行文化与技术,是吸引注意力并反映开发人员文化的绝佳方式,但前提是必须处理得当。

我们必须尊重他人的知识产权(IP)。作为开源领域的领导者,这一点尤为重要,因为社区期待红帽树立良好榜样。使用属于他人的知识产权可能会使红帽陷入法律风险,损害我们的品牌,并破坏整个开源领域的声誉。

在使用来自其他公司或开源社区的素材时,除了遵循本规范的指导外,还应遵循红帽主导的合作伙伴营销指南。

引用流行文化

一张社交媒体图像,包含文字“Ship it faster than ever before”(比以往更快地交付),其中突出显示了“ship it”,并配有一艘红帽开发人员风格的 3D 渲染帆船。

正确做法:在符合信息主题且感觉自然贴切的前提下,使用众所周知的短语、首字母缩略词和相关互联网俚语。

一条红帽开发人员风格的通用 3D 渲染龙,正飞过由帽檐基础形状构成的传送门。

正确做法:参考开发人员能够识别的通用角色“类型”,例如历史、传说和神话中的角色。

X 标记

错误做法:不要直接引用受版权保护的材料或歌词。

X 标记

错误做法:不要使用不恰当、冒犯性或过时的短语、首字母缩略词和俚语。

X 标记

错误做法:不要使用或引用那些能明显辨认出来自受版权保护材料的角色、符号或 logo。这包括重新绘制或 AI 生成的图像。

引用公司、社区或技术

包含 3D 渲染骆驼和红帽 OpenShift 技术图标的图像,配有文字“在红帽 OpenShift 上管理您的 Apache Camel 机群”

正确做法:在大多数情况下,暗示性地提及公司或社区的品牌,而不是使用他们的 logo 或品牌视觉元素。可写出其名称,和/或使用相关的 3D 对象、图标或其他红帽品牌视觉元素。

贴有贴纸的笔记本电脑,周围环绕着红帽 logo 和 Fedora logo。

正确做法:如果有必要使用其他公司或社区的 logo 或品牌图像,需在每次使用前征得对方许可。使用时需尊重其资产,并且不做任何修改。

X 标记

错误做法:未经许可,不要使用他人的 logo 或品牌视觉元素。每次使用前都要征得许可。

X 标记

错误做法:不要以红帽风格重新绘制或模仿属于他人的 logo 或品牌视觉元素。

X 标记

错误做法:不要以不尊重或违反对方品牌准则的方式使用他人的 logo 或品牌图像。

对品牌标准有任何意见或建议?请在此处提交。

有疑问?红帽员工可通过 Slack 上的 #help-brand 与我们联系。