BRAND GUIDELINES · VI

品牌视觉识别手册

账禾 · 图文快印店经营管理软件

本手册规定「账禾」品牌标志、色彩、字体与吉祥物的标准用法,用于统一软件界面、单据、 门店物料与线上传播的视觉呈现。所有对外物料请以本手册为准。

品牌名称
账禾
运营主体
内蒙古账禾软件科技有限公司
产品定位
图文快印店 · 经营管理软件
文件版本
VI 1.0(草案稿)
编制日期
2026-10-17
本稿的取材范围:标志图形与标准色直接取自 site/assets/logo-*.svg 源文件; 界面应用色取自产品前端设计令牌 src/index.css。文中 CMYK 为数值换算的近似值, 未做印刷色彩管理,正式打样请以实际输出为准。
Contents

目录与品牌概览

目录

01标志体系:主标、图形标
02标志反白与单色用法
03安全留白与最小尺寸
04标志误用示例
05标准色:标志色与应用色
06字体规范
07吉祥物「小禾」
08应用示例
09资产清单与使用须知

品牌概览

「账禾」是面向图文快印店的经营管理软件。品牌名取「账」(记账、账目清晰)与 「禾」(禾苗、生长),标志图形即以禾苗为原型,双叶对称、间以禾秆,形成稳定的 中轴对称结构,暗合「账目清楚、稳稳生长」。

标志配色取植物生长由深至浅的三段绿:深绿为叶、主绿为秆,并以黄绿渐变收束, 呼应「店里的生意,一季一季地长」。

账禾 图形标志
图形标(logo-mark)· 品牌核心资产
账禾 · 品牌视觉识别手册02 / 12
01 · Logo

标志体系

标志分两个层级:组合标用于正式场合,图形标用于空间受限处。

A · 横版组合标(主标)

横版组合标志
图形标 + 字号组合 · 首选用法(文件:logo-primary.svg)

组合标内含品牌名与产品说明,严禁自行改字体、改字距、重排图形与文字的比例。 需要不同语言版本时,请由设计方另行出图,不要在原文件上二次编辑。

B · 图形标

图形标志
标准版 · 浅色底使用
反白图形标志
反白版 · 深色底使用
深色底图形标志
缩小使用 · 图标 / 应用图标

C · 选用规则

用组合标

名片、合同、官网首页、门店门楣、软件登录页、宣传物料等有横向空间的正式场合。

用图形标

应用图标、软件侧栏、社媒头像、印章、包装小面积、深色底插角等空间受限或近方形的场合。

账禾 · 品牌视觉识别手册03 / 12
02 · Inverse

标志反白与单色用法

深色背景上一律改用反白版,不得把标准版直接压在深色或照片上。

A · 深色底(反白版)

反白图形标
反白标请保持纯白,不做降低透明度的处理

深色底最低对比度:背景亮度需使白色标志清晰可辨(深色底明度建议 ≤ 25%)。 深色刷新率较低的物料(如灯箱、喷绘)也遵循此条。

B · 完整反白组合标(自带深色底板)

反白组合标(带深色底)

该文件已内置深色底板,适合黑白印刷或需要「一块牌子」效果的场合; 若底板尺寸不合版面,请改用纯白版标志自行排版,勿拉伸底板比例。

C · 单色(黑白)

标志
单色黑:深色区域转为 100% 黑
反白标志
单色白:整枚转为纯白

单色仅用于传真、单色印刷、雕刻等无法还色的场景。渐变部分在单色稿中需按深浅两档 处理,不要用网点模拟。

账禾 · 品牌视觉识别手册04 / 12
03 · Clear Space

安全留白与最小尺寸

A · 安全留白

以图形标高度 H 的 1/4 作为四周最小留白(记为 X)。下列任何元素都不得进入该区域: 文字、图形、色块、边框、其它标志、图片边缘。

XX XX
留白示意
虚线为安全区边界,X = H ÷ 4

B · 最小尺寸(保证可辨识的下限)

图形标 96px
图形标 ≥ 24 px(数字)/ 8 mm(印刷)
图形标 48px
图标场景:36–48 px 推荐
组合标小尺寸
组合标宽 ≥ 32 mm(印刷)
为什么设下限:标志里的禾叶是细笔画,缩得太小会糊成一团,看起来像「脏了的方块」。 小于下限时请改用图形标,或加大留白并单独放大图形。
账禾 · 品牌视觉识别手册05 / 12
04 · Misuse

标志误用示例

以下为禁止的用法。出现任何一项都会削弱品牌识别,请在设计审查时逐条核对。

✕
✕横向或纵向拉伸、压扁,改变原本比例
✕
✕旋转、倾斜摆放
✕
✕改变标志配色(换色相、加描边、加投影)
✕
✕放在明度接近的底色上,导致标志看不清
✕
✕压在花哨照片 / 复杂纹样上而不加底板
✕
✕同一版面混用多个版本 / 与其它标志平级并列
另有两项同样禁止:把标志拆开(只用禾叶、只用「禾」字)、 在标志上叠加文字或贴纸效果。标志永远是一个整体。
账禾 · 品牌视觉识别手册06 / 12
05 · Color

标准色(一):标志色

标志标准色共 4 个:两个实色 + 一组两段渐变。取样自标志源文件,不得替换为近似绿。

标志主绿#3D8138RGB 61 / 129 / 56CMYK ≈ 53 / 0 / 56 / 49
标志深绿#195A30RGB 25 / 90 / 48CMYK ≈ 72 / 0 / 47 / 65
渐变起(嫩绿)#81B14BRGB 129 / 177 / 75CMYK ≈ 27 / 0 / 58 / 31
渐变止(黄绿)#AAC243RGB 170 / 194 / 67CMYK ≈ 12 / 0 / 65 / 24

标志色板一览

标志
渐变使用规则:渐变方向固定为「深 → 浅」的对角走向(约 135°),起止色不得对调, 也不得中间插入第三色。纯色场景(如刺绣、单色印刷)可把渐变合并为 #8BC34A 单色处理。
CMYK 为近似值:上表 CMYK 由 sRGB 数值换算,未经过印刷色彩配置(ICC)转换。 正式印刷请以打样为准,或沿用「标志主绿 ≈ 四色 53/0/56/49」这一档做首轮校色。
账禾 · 品牌视觉识别手册07 / 12
05 · Color

标准色(二):界面与应用色

软件界面、单据与线上物料使用下面这套「应用色」。它比标志色略亮, 是为屏幕与大面积色块调过的版本,两者不混用:标志只准用标志色,界面只用应用色。

品牌主色#4CAF50RGB 76 / 175 / 80CMYK ≈ 57 / 0 / 54 / 31
主色·深#2E7D32实心块 / 承载白字CMYK ≈ 63 / 0 / 60 / 51
主色·更深#1B5E20按下态 / 强调CMYK ≈ 71 / 0 / 66 / 63
辅助色#8BC34A辅助图形 / 次级图标CMYK ≈ 29 / 0 / 62 / 24
点缀色#CDDC39仅作强调,只配深色文字CMYK ≈ 7 / 0 / 74 / 14
主色浅底#E9F7EA选中态 / 高亮行浅色底,不承载白字
极浅绿#F3FAF4区块底 / 页面微分层浅色底
墨色(正文)#14201A正文与标题不建议纯黑 #000

配色比例

白 68% 极浅绿 18% 浅底 8% 主色 4% 辅助 1.4% 点缀 0.6%

一句话口径:留白是主角,绿色是标点。大面积铺绿会让界面「吵」,也压低单据的可读性。

账禾 · 品牌视觉识别手册08 / 12
06 · Typography

字体规范

品牌不指定付费字体,一律使用各端本机自带的系统字体,保证离线可用、不加载网络字体 (软件需在断网店内运行,也避免版权风险)。

字体栈(照抄使用)

中文

PingFang SC → Microsoft YaHei → Hiragino Sans GB → Source Han Sans SC → Noto Sans CJK SC

西文与数字

system-ui → -apple-system → Segoe UI → Roboto → Helvetica Neue → Arial

金额与单号(等宽,保证竖向对齐)

ui-monospace → SFMono-Regular → Menlo → Consolas → monospace

层级与字重

页面主标题营业概览
区块标题今日收入与待收
正文单一客户对账与账龄分析,按业务日期归集。
辅助说明数据来源:本店单据(服务端为准)
金额数字¥ 12,480.00

排版规则

行高

正文 1.6–1.8;标题 1.2–1.4。密排只用于表格。

字重

只用 400 / 600 / 700 三档,避免 500 在部分中文字体上不成体系。

字距

中文标题可加 0.02–0.05em;正文不加字距;数字勿加字距。

对齐

西文与金额右对齐;中文左对齐;单据表头居中。

账禾 · 品牌视觉识别手册09 / 12
07 · Mascot

吉祥物「小禾」

小禾是「账禾」的人格化形象:店内 AI 助手。它负责把生硬的账目说人话, 因此形象偏亲和、书卷气,不做夸张表情与攻击性动作。

小禾 立绘
标准立绘(推荐用于过场、空状态、引导页)

使用场景

软件内助手面板头像、空状态插画、开机问候
登录页右侧主视觉、密码框聚焦时的互动变体
线上公众号 / 视频号头像、社群表情
线下门店贴纸、桌牌、周边(杯垫 / 帆布袋)

头像(圆形裁切)

小禾 圆形头像
头像一律使用已裁好的圆形版,不要自行方形裁切后压圆角 —— 立绘的肩线会被切到, 看起来像「断头」。

形象变体(按互动语境选用)

小禾 正面
正面 · 常规
小禾 笑脸
半身笑脸 · 成功 / 欢迎
小禾 侧面
侧面 · 引导 / 指引
小禾 头像
头像 · 面板 / 列表
吉祥物红线:不得改变发型、服装与配色;不得添加武器、烟酒、赌博等元素; 不得用于金融承诺(如「保证赚钱」)类文案;不得让吉祥物遮挡或覆盖品牌标志。
账禾 · 品牌视觉识别手册10 / 12
08 · Application

应用示例

下列为版式与配色示范,实际制作时尺寸按需调整,规则不变。

A · 名片

王 明内蒙古账禾软件科技有限公司 · 客户经理
正面:深绿底 + 反白标(信息左对齐)
电话 400-000-0000
地址 内蒙古呼和浩特市新城区
www.zhanghe.example
背面:白底 + 标准标 + 联系方式

B · 工单单据(打印头)

账禾快印 · 工单 No. GD20261017-0007
客户 / 王先生业务日期 / 2026-10-17
A4 彩打 · 双面 · 20 页¥ 96.00
装订(胶装)¥ 12.00
实收合计¥ 108.00
单据表头用深绿实心块承载白标,正文一律白底黑字,保证打印可读性

C · 门店招牌与软件界面

账 禾 快 印 ZHANGHE · PRINT & COPY
招牌:深色底 + 反白标 + 字距放大的店名
账禾图文快印店 · 经营管理软件
已结清 待收款 3 今日应收 ¥ 1,240
软件顶栏:图形标 + 品牌名 + 产品说明,三行信息一屏可见
账禾 · 品牌视觉识别手册11 / 12
09 · Assets

资产清单与使用须知

标志文件

文件用途路径
横版组合标正式场合首选用法site/assets/logo-primary.svg
组合标(反白,含深色底)深色底 / 单色印刷site/assets/logo-inverse.svg
图形标图标、头像、受限空间site/assets/logo-mark.svg
图形标(反白,透明底)深色底插图、招牌site/assets/logo-mark-inverse.svg

吉祥物「小禾」文件

文件尺寸用途
site/assets/ip/xiaohc-hero.webp683 KB → 69 KB标准立绘(网页用,压缩版)
site/assets/ip/xiaohc-avatar-128.png128 px头像(已裁圆形)
site/assets/ip/xiaohc-stand-front.png236 × 512正面 · 常规
site/assets/ip/xiaohc-happy.png362 × 512半身笑脸 · 欢迎 / 成功态
site/assets/ip/xiaohc-side.png219 × 512侧面 · 引导 / 指引

使用须知

优先用源文件

标志一律从 .svg 出,不要从截图或导出图里抠,边缘会毛。

不要二次编辑

组合标内是矢量化字形,改字等于改图,请在原始设计文件上协作,不要在导出件上改。

不要自造变体

需要新组合(如横向精简版、英文版)时请新增源文件后登记进本手册,避免各处各做一版。

对外一致

官网、软件、单据、门店、社媒均以本手册为准;发现不一致请回改,不要「就地凑合」。

待补齐项:品牌口号 / 品牌语(待定)、英文品牌名与英文标志、包装与工服类物料规范。 以上三项确定后请更新本手册版本号并重新发布。
账禾 · 品牌视觉识别手册 · VI 1.0(草案稿)12 / 12