在本手册中,您将看到我们的核心设计元素概览,以及如何将这些元素应用于各种传播的基本规则。
Secure Code Warrior 通过开发人员驱动的安全代码learning platform 来激励开发人员确保运行我们世界的软件的安全。
我们的品牌不仅仅是徽标、颜色或字体。它是我们说话的方式,是我们履行承诺的方式,最终是我们的客户和市场对我们的看法。
Secure Code Warrior 视觉识别的主要元素如下:徽标、色调、排版、插图和图标风格。如果按照这些指导原则统一使用,这些元素就会形成一个灵活的系统,用于创造故事和体验,从而扩大Secure Code Warrior 品牌的影响力。
品牌平台是我们品牌战略的基础,由品牌理念、情感影响、定位声明、定位支柱和受众定义组成。
品牌理念是我们所代表的精髓或体现。它赋予品牌以情感维度。
情感影响是指Secure Code Warrior 品牌给人们带来的感受。品牌定位是我们希望在客户心目中代表的独特、差异化和相关的理念。
定位支柱是关于Secure Code Warrior 的常青、真实的真理。我们的所有传播都应准确反映一个或多个定位支柱,以确保在所有体验和接触点上都有一个连贯的故事。
我们的受众由一个总体的心理图形特征统一起来,所有品牌表达都应与这一目标产生共鸣。
情感影响力是指品牌给人们带来的感受。
这些情感构成了Secure Code Warrior"情感影响力",旨在通过我们的言行和创造的体验,唤起利益相关者对品牌的某种感觉。
在每一个品牌接触点上引导这些期望的情感,有助于我们创造有意义的、一致的品牌体验。最值得注意的是,情感影响为品牌的信息传递和传播提供了依据。
我们的情感影响旨在与我们当前需要吸引的受众以及未来希望吸引的受众相关。
品牌叙事将品牌平台的所有元素整合在一起,讲述一个简洁有力的故事,直击人们的头脑和心灵。我们可以在内部使用它,使人们与我们的品牌精神保持一致。我们还可以借鉴这些语言,开发面向外部的传播工具,用我们的品牌激发人们的灵感,并创造信仰者。
情感影响力是指品牌给人们带来的感受。
这些情感构成了Secure Code Warrior"情感影响力",旨在通过我们的言行和创造的体验,唤起利益相关者对品牌的某种感觉。
在每一个品牌接触点上引导这些期望的情感,有助于我们创造有意义的、一致的品牌体验。最值得注意的是,情感影响为品牌的信息传递和传播提供了依据。
我们的情感影响旨在与我们当前需要吸引的受众以及未来希望吸引的受众相关。
Secure Code Warrior 徽标是我们品牌系统的主要组成部分,由一个实心盾牌符号和一个定制徽标组成。以下几页将详细介绍徽标的应用和使用方法。
我们的徽标有三种配置,为您提供最佳的灵活性。
这种配置的徽标均衡、外形小巧,适合大多数应用场合。请尽可能使用它。
当水平空间有限时,可使用这种垂直居中的配置来摆放旗帜等物品。
在垂直空间有限的情况下,例如在网站刊头,可以使用这种水平配置。
Secure Code Warrior 品牌标识必须清晰醒目地出现在所有申请中。
最小净空可防止字体、图像或其他徽标等元素进入禁区,影响我们徽标的可读性和效果。
对于所有徽标配置,徽标周围的最小净空为盾牌宽度的一半。在可能的情况下,应使用更多的净空,让徽标有呼吸的空间。
最小尺寸是指我们的徽标在不影响可读性的前提下所能显示的最小尺寸。
如果您的应用需要更小的尺寸,请与我们的品牌团队讨论您的需求。
右侧的示例说明了应避免的用途。Secure Code Warrior 徽标是定制绘制的。切勿修改或重新制作徽标或其元素。请务必使用所提供的徽标图样。
虽然我们的完整徽标是我们品牌的主要表现形式,应尽可能使用,但在某些应用中,我们的标志可以单独使用
您可以将我们的符号用作社交媒体图标或收藏夹图标。在此应用中,首选金色符号变体(见第 17 页)。在浅色模式下,午夜色是首选背景色(请参阅第 20-24 页,了解我们的品牌颜色)。
在服装或小饰品上使用我们的标志时,请确保在物品的另一面使用我们的完整徽标,如图所示。在徽章等非常小的礼品上,您可以使用我们的标志,而不用我们的完整徽标。
如图所示,您可以在文件的页眉或页脚(仅限内页)中使用我们的标志作为小型图形元素。有关使用我们标志的示例,请参阅 "品牌应用 "部分。
净空是指我们的标志周围必须没有任何视觉元素(文字、图形、边框、图案、其他标志等)的区域。此处显示的是我们的标志应使用的最小净空规格。
最小尺寸是指在不影响可读性的前提下,我们的符号所能显示的最小尺寸。此处显示的是建议在数字和印刷应用中使用的最小尺寸。如果您的应用需要更小的尺寸,请与我们的品牌团队讨论您的需求。
注: 为使插图更清晰,本页上的最小尺寸展品以 200% 比例显示。
我们的标志有三种颜色可供选择:金色、午夜色和白色。
您可以在报纸广告等黑白印刷应用或联合品牌应用中使用这种特殊用途变体,因为在这些应用中,我们的符号必须出现在我们调色板以外的颜色上。避免在屏幕上或全彩印刷应用中使用此变体。
右侧所示的符号/背景色配对是经过批准的,既清晰易读,又符合品牌形象。您只能使用这些搭配。有关我们调色板的信息,请参见第 20-24 页。
Secure Code Warrior 调色板已经更新,将一系列蓝色提升为主色调。金色仍然是品牌的主色调,但在我们的徽标中应尽量少用,并作为亮色使用。我们还精心设计了一个明亮的辅助色调,用于额外的点缀和数据可视化。使用指南见第 23 页。
Secure Code Warrior 颜色基于当前的 RGB 标准和潘通配色系统。这些颜色都是为代表我们的品牌而精心挑选的,不得更改。
午夜蓝比普通黑色更柔和,并含有一丝蓝色。在数字应用中切勿使用黑色,而应始终使用午夜蓝。在没有潘通专色的印刷应用中,小号排版应使用普通黑色,以避免印刷时出现套色问题。
注:此处指定的 Pantone 和 CMYK 颜色用于铜版纸。如果需要在非涂布纸上印刷,请与我们的品牌团队和您的印刷商合作,以确定最佳配色。
我们的颜色已通过《网页内容可访问性指南》(WCAG)测试,可在各种背景下达到最佳可读性。此处显示的是通过 WCAG 2.0 AAA 和 AA 国际标准的推荐排版和背景颜色组合。
本页面上的 "AA Large "表示仅用于大号文字。根据 WCAG 标准,大号文字是指 14 点(通常为 18.66px)且粗体或更大,或 18 点(通常为 24px)或更大。
注: 在我们的调色板中,还有一些颜色组合符合无障碍标准。不过,它们不属于我们的视觉系统,您应避免使用。
您可以在大面积的背景色或色块中使用我们的任何一种原色或次要冷暖色调,但一定要优先使用原色。金色应经常出现,但不要过度使用;可将其视为点睛之笔,为设计增添一抹品牌魔力。避免在这些情况下使用我们的次要中性色。次要色应始终为设计提供支持,切勿占据主导地位。确保颜色不会冲突或妨碍易读性。
主要使用午夜色或白色进行排版,尤其是较长的段落和正文。其他颜色用于点缀或数据可视化。始终遵循可访问性标准(参见前一页)。
我们的插图和图标只使用三原色,并遵循特定的色彩规则。请参阅第 29-31 页以获得指导。
您可以在数据可视化中使用任何品牌的颜色,但应优先使用原色。只有在区分信息或可视化复杂数据集时,才使用辅助色和灰色。避免只将颜色用作装饰。
注: 在我们的调色板中,还有一些颜色组合符合无障碍标准。不过,它们不属于我们的视觉系统,您应避免使用。
此处的示例说明了应避免的颜色用法。
Secure Code Warrior 排版系统基于两种字体:Red Hat和Clash Display。
Red Hat 由 MCKL 为 Red Hat 公司开发,采用现代几何无衬线字体设计,线条简洁,具有多功能美感,适用于数字和印刷媒体。其简洁、专业的外观确保了在不同平台上的可读性。Red Hat Mono 是一种单行距字体,为代码和技术内容提供了一种独特的选择,从而完善了字体系统。
Clash Display 是一种大胆而富有表现力的字体,以其高对比度和独特的字符形状脱颖而出。无论在哪里使用,它都能为您增添一丝精致和亮点。
这些字体组合在一起,创造出一种平衡、连贯的设计语言,既实用又具有视觉吸引力。
Clash Display 和 Red Hat 是我们的主要品牌字体。您应在所有面向外部的营销材料中使用它们。
Clash Display 和 Red Hat 均可在 Google Fonts 免费下载。
注意:Secure Code Warrior 可视化系统中仅使用本页所示的字体权重。避免使用任何其他重量的字体。
午夜蓝比普通黑色更柔和,并含有一丝蓝色。在数字应用中切勿使用黑色,而应始终使用午夜蓝。在没有潘通专色的印刷应用中,小号排版应使用普通黑色,以避免印刷时出现套色问题。
注:此处指定的 Pantone 和 CMYK 颜色用于铜版纸。如果需要在非涂布纸上印刷,请与我们的品牌团队和您的印刷商合作,以确定最佳配色。
在创建版面时,请遵循此处列出的规范。
一般情况下,排版应向左平齐。如果行业标准规定了格式,如新闻稿,则可以使用不同的对齐方式。全部使用公制字距和默认字母间距。完整句子的标题应使用标点符号。仅在表示标题和作品名称时使用斜体;避免在正文中使用斜体进行强调。
有关我们使用的排版系统示例,请参阅 "品牌应用 "部分。
在与其他组织就共享文档进行合作时,可能无法使用我们的品牌字体。在这种情况下,您可以使用 Arial 字体作为替代。
Arial 是一种标准的系统字体,已预先安装在大多数计算机上。在其他无法使用 Red Hat 的情况下,如电子邮件签名、某些 EDM 平台和其他只允许使用系统字体的渠道,也可以使用
Arial。
插图是增强品牌传播故事感的有效方法。插图既可以作为主角元素大规模使用,也可以作为内容的辅助元素小规模使用。
如图所示,Secure Code Warrior 插图风格是一种线性、信息图式的视觉故事风格,使用单一、一致的线条重量。当放置在彩色背景上时,插图的某些部分会填充白色,以增加视觉效果。颜色仅限于午夜线和白色填充,以便在将插图放在我们调色板中的背景颜色上时具有灵活性。避免在插图中使用其他颜色,以保持一致性和清晰度。在放大或缩小插图时,请确保线条重量按比例调整,以保持插图的视觉完整性和风格。在印刷应用中,确保线条至少粗 0.5pt。
注意: 为保持可读性和视觉一致性,请避免将我们的插图放在午夜或蓝宝石背景上。
Secure Code Warrior 图标风格与我们的品牌插图风格一致,并被组织成一个分级系统,便于在各种传播中使用。
> 1 级图标代表最高级别,捕捉描述性的故事概念。
> 2 级图标更加抽象,支持技术性的、以产品为重点的内容。
> 3 级图标更加简单,专为在产品界面中使用而设计。
所有图标都保持一致的单线重量和简洁程度,确保在小尺寸下的最佳可读性。
1 级和 2 级图标基于 96px x 96px 网格,线重为 2px(此处显示为 50%比例)。在缩放这些图标时,应保持线重与大小的比例。对于打印应用,请确保线条至少有 0.5pt 厚。
第 3 级图标采用 24px x 24px 网格。这些图标可以是线性图标,也可以是实心图标,以满足不同的产品需求。线性图标使用 1px 线重(此处显示为 100% 比例),而实心图标使用带有 1px 线重的填充形状。避免在同一上下文中混合使用线性和实体样式。
为确保最佳的可读性和视觉和谐,我们的图标会根据背景颜色调整颜色。这种调整在所有层级中都是一致的,只是在第 1 层级图标中增加了特定的重点。
> 白色背景:
> 蓝宝石背景:第 1 层图标以白色为主,并添加金色点缀,以增强故事性并增添精致感。第 2 层和第 3 层仅为白色。
> 天空背景:
> 午夜背景:所有层均为天空色。
通过保持这些色彩处理,我们可以确保我们的图标在保持一致的视觉语言的同时,还能适应不同的设计需求。
注: 第 3 层图标可根据产品需要使用不同的背景颜色。在这些应用中应始终确保可读性。
由 Pieter Danhieux、Fatemah Beydoun、Colin Wong 和 Jaap Karan Singh 在澳大利亚创立。
在获得澳大利亚四大银行的客户后,公司开始向美国和欧盟进行全球扩张。这包括收购比利时公司Sensei ,并任命其创始人 Matias Madou 和 Nathan Desmet 加入Secure Code Warrior的创始团队。
如今,公司为 650 多家全球企业客户提供服务,在全球拥有 200 多名员工。公司已荣获十多个奖项,包括 2020 年 SINET 16 创新奖和摩根大通 2021 年创新奖,并获得了 SOC 2 Type II 认证。
我们专业的法律团队帮助我们的企业满足客户的需求,就日益复杂的全球和不断变化的监管环境提供战略建议。
首席执行官、主席和联合创始人
首席技术官、董事和联合创始人
首席客户官和联合创始人
产品创新总监。首席屠龙者和联合创始人
客户战略部主任。首席辛格和联合创始人。
首席工程师和联合创始人