Sistemnye Resheniya

品牌手册

"系统解决方案"公司的企业形象。徽标、配色方案、排版及使用规范。

徽标

主徽标
主徽标
水平布局。用于网站、文件和名片。
SVG | PNG | JPG | WEBP
深色背景徽标
深色背景上
灰色替换为白色——用于深色和黑色背景。
SVG | PNG | WEBP
图标
标志(图标)
用作网站图标、即时通讯头像、应用图标。
SVG | PNG | JPG | WEBP
白蓝图标
标志——白蓝版本
灰色替换为白色。用于浅色背景、印刷品和单色载体。
SVG | PNG | WEBP
单色徽标
单色版本
用于单色印刷、印章和雕刻。
SVG | PNG | JPG | WEBP
双行徽标
徽标——双行
垂直布局:标志在左,文字分两行。
SVG | PNG | JPG | WEBP
双行深色徽标
徽标——双行,深色背景
深色背景版本:灰色文字替换为白色。
SVG | PNG | WEBP

徽标结构

标志

徽标由两个元素组成:

  • 标志 ——四个圆角矩形:两个蓝色(主色)和两个灰色(辅助色)。象征系统化方法、模块化和可靠性。
  • 文字"系统" ——在浅色背景上采用灰色(#737373),在深色背景上采用白色,代表根基与专业。
  • 文字"解决方案" ——采用蓝色(#3274CC),强调成果与行动。

品牌色

主蓝色
HEX: #3274CC
RGB: 50, 116, 204
CMYK: 75, 43, 0, 20
徽标、按钮、链接、强调元素
辅助灰色
HEX: #737373
RGB: 115, 115, 115
CMYK: 0, 0, 0, 55
徽标标志、正文、说明文字
深色
HEX: #111827
RGB: 17, 24, 39
CMYK: 56, 38, 0, 85
标题、主要内容
背景色
HEX: #F9FAFB
RGB: 249, 250, 251
CMYK: 1, 0, 0, 2
页面背景、版块、卡片
绿色(现货)
HEX: #16A34A
RGB: 22, 163, 74
"有现货"状态、操作成功
橙色(预订)
HEX: #EA580C
RGB: 234, 88, 12
"需预订"状态、警告

排版

主字体
Inter
用于整个界面:标题、文字、按钮、导航。
字重:Regular (400)、Medium (500)、Semibold (600)、Bold (700)。
等宽字体
Mono
用于货号、代码、技术数据。
字重:Regular (400)。
字号
28px 标题 H1
20px 标题 H2
16px 标题 H3
14px 正文——描述、段落、产品卡片
12px 小号文字——说明、标签、状态

使用规范

允许
  • 在白色、浅色和深色背景上使用徽标
  • 等比例缩放
  • 将标志与文字分开使用(作为图标)
  • 徽标最小高度——24px
禁止
  • 更改徽标元素的颜色
  • 旋转或变形
  • 添加阴影、描边、特效
  • 放置在花哨或低对比度的背景上
  • 更改标志与文字的比例