徽标和标识
我们的徽标是品牌标识的基石。请一致且尊重地使用它。
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.