品牌标识

Faktorist品牌指南

We're currently rebranding — updated brand guidelines coming soon. Get in touch

徽标使用

徽标和标识

我们的徽标是品牌标识的基石。请一致且尊重地使用它。

F

Faktorist Logo Mark

留白空间

始终保持徽标周围的留白空间。最小留白空间等于Faktorist词标中小写字母'x'的高度。这可确保徽标保持整洁且易于识别。

最小尺寸

对于网页应用,徽标宽度不应小于120px;对于打印材料,不应小于20mm。尺寸低于这些要求,徽标将变得难以辨认并失去影响力。

背景

徽标在浅色背景上效果最佳。将其放在深色背景上时,请确保有足够的对比度。始终使用相应版本:浅色背景使用全彩,深色背景使用白色。

缩放

始终成比例地缩放徽标。不要改变、倾斜、旋转或改变徽标的纵横比。调整大小时保持原始比例。

Do's

  • 仅使用官方徽标文件
  • 保持徽标周围的留白空间
  • 在具有适当对比的背景上使用
  • 调整大小时按比例缩放
  • 使用推荐的颜色版本

Don'ts

  • 不要改变、倾斜或旋转徽标
  • 不要将徽标放在其他元素太近的地方
  • 不要将徽标旋转到非0°的角度
  • 不要在未经批准的情况下更改颜色
  • 不要使用小于最小尺寸要求的徽标
色彩方案

我们的颜色

精心策划的调色板,定义我们的视觉标识

Faktorist色彩方案包括主要紫色渐变和辅助强调色。这些颜色设计为协调工作,在所有品牌材料中创造视觉一致性。

Primary Palette

primary-50

#f3f4fa

RGB: 243, 244, 250

primary-100

#e9eaf6

RGB: 233, 234, 246

primary-200

#d6d7ef

RGB: 214, 215, 239

primary-300

#bdbde4

RGB: 189, 189, 228

primary-400

#a6a2d7

RGB: 166, 162, 215

primary-500

#948bc9

RGB: 148, 139, 201

primary-600

#8778bb

RGB: 135, 120, 187

primary-700

#7161a1

RGB: 113, 97, 161

primary-800

#5c5083

RGB: 92, 80, 131

primary-900

#4d456a

RGB: 77, 69, 106

primary-950

#2e283e

RGB: 46, 40, 62

Accent Colors

amber-300

CTA highlights

#fcd34d

RGB: 252, 211, 77

amber-400

Primary accent

#fbbf24

RGB: 251, 191, 36

yellow-400

Alerts & attention

#facc15

RGB: 250, 204, 21

排版

字体与排版

干净、现代的字体,反映我们的品牌个性

Plus Jakarta Sans

用于所有标题、章节标题和关键信息的主字体

The quick brown fox jumps over the lazy dog. 0123456789

国际

用于正文、描述和辅助文本的辅字体

The quick brown fox jumps over the lazy dog. 0123456789

Fallback Stack

system-ui,无衬线字体

Always include fallback fonts to ensure consistent rendering across devices

品牌声音与语调

品牌声音

我们如何与受众沟通

专业:我们是权威和有知识的

可信:我们是可靠和透明的

创新:我们拥抱前瞻性解决方案

全球视野:我们尊重并庆祝文化多样性

Communication Guidelines

使用清晰、直接的语言,尽可能避免行话

在所有沟通中提供帮助和教育

保持尊重和包容的语调

表现出对创新的热情,但不要过分随意

使用包容性语言,欢迎所有用户

使用指南

何时使用什么

主颜色(#7161a1):用于主按钮、导航和主要行动号召

深主色(#2e283e):用于背景、浅色表面上的文本和对比元素

琥珀色/黄色:谨慎用于突出显示、徽章和次要行动号召以吸引注意力

辅助颜色:用于图标、强调元素和视觉层级

中性灰色:用于边框、分隔线、禁用状态和微妙背景

下载资产

品牌资源

徽标文件

PNG、SVG和PDF格式的多种格式和色彩变化

色彩方案

用于开发和设计的HEX、RGB和CSS变量导出

品牌指南

包含所有品牌标准和使用规则的综合PDF指南

图标库

与Faktorist视觉语言匹配的SVG格式图标集

Have questions about our brand guidelines? Contact our team for more information.