本手册规定「账禾」品牌标志、色彩、字体与吉祥物的标准用法,用于统一软件界面、单据、 门店物料与线上传播的视觉呈现。所有对外物料请以本手册为准。
site/assets/logo-*.svg 源文件;
界面应用色取自产品前端设计令牌 src/index.css。文中 CMYK 为数值换算的近似值,
未做印刷色彩管理,正式打样请以实际输出为准。
| 01 | 标志体系:主标、图形标 |
| 02 | 标志反白与单色用法 |
| 03 | 安全留白与最小尺寸 |
| 04 | 标志误用示例 |
| 05 | 标准色:标志色与应用色 |
| 06 | 字体规范 |
| 07 | 吉祥物「小禾」 |
| 08 | 应用示例 |
| 09 | 资产清单与使用须知 |
「账禾」是面向图文快印店的经营管理软件。品牌名取「账」(记账、账目清晰)与 「禾」(禾苗、生长),标志图形即以禾苗为原型,双叶对称、间以禾秆,形成稳定的 中轴对称结构,暗合「账目清楚、稳稳生长」。
标志配色取植物生长由深至浅的三段绿:深绿为叶、主绿为秆,并以黄绿渐变收束, 呼应「店里的生意,一季一季地长」。
标志分两个层级:组合标用于正式场合,图形标用于空间受限处。
组合标内含品牌名与产品说明,严禁自行改字体、改字距、重排图形与文字的比例。 需要不同语言版本时,请由设计方另行出图,不要在原文件上二次编辑。
名片、合同、官网首页、门店门楣、软件登录页、宣传物料等有横向空间的正式场合。
应用图标、软件侧栏、社媒头像、印章、包装小面积、深色底插角等空间受限或近方形的场合。
深色背景上一律改用反白版,不得把标准版直接压在深色或照片上。
深色底最低对比度:背景亮度需使白色标志清晰可辨(深色底明度建议 ≤ 25%)。 深色刷新率较低的物料(如灯箱、喷绘)也遵循此条。
该文件已内置深色底板,适合黑白印刷或需要「一块牌子」效果的场合; 若底板尺寸不合版面,请改用纯白版标志自行排版,勿拉伸底板比例。
单色仅用于传真、单色印刷、雕刻等无法还色的场景。渐变部分在单色稿中需按深浅两档 处理,不要用网点模拟。
以图形标高度 H 的 1/4 作为四周最小留白(记为 X)。下列任何元素都不得进入该区域: 文字、图形、色块、边框、其它标志、图片边缘。
以下为禁止的用法。出现任何一项都会削弱品牌识别,请在设计审查时逐条核对。
标志标准色共 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#8BC34A 单色处理。
软件界面、单据与线上物料使用下面这套「应用色」。它比标志色略亮, 是为屏幕与大面积色块调过的版本,两者不混用:标志只准用标志色,界面只用应用色。
#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一句话口径:留白是主角,绿色是标点。大面积铺绿会让界面「吵」,也压低单据的可读性。
品牌不指定付费字体,一律使用各端本机自带的系统字体,保证离线可用、不加载网络字体 (软件需在断网店内运行,也避免版权风险)。
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
正文 1.6–1.8;标题 1.2–1.4。密排只用于表格。
只用 400 / 600 / 700 三档,避免 500 在部分中文字体上不成体系。
中文标题可加 0.02–0.05em;正文不加字距;数字勿加字距。
西文与金额右对齐;中文左对齐;单据表头居中。
小禾是「账禾」的人格化形象:店内 AI 助手。它负责把生硬的账目说人话, 因此形象偏亲和、书卷气,不做夸张表情与攻击性动作。
| 软件内 | 助手面板头像、空状态插画、开机问候 |
| 登录页 | 右侧主视觉、密码框聚焦时的互动变体 |
| 线上 | 公众号 / 视频号头像、社群表情 |
| 线下 | 门店贴纸、桌牌、周边(杯垫 / 帆布袋) |



下列为版式与配色示范,实际制作时尺寸按需调整,规则不变。
| 文件 | 用途 | 路径 |
|---|---|---|
| 横版组合标 | 正式场合首选用法 | 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.webp | 683 KB → 69 KB | 标准立绘(网页用,压缩版) |
site/assets/ip/xiaohc-avatar-128.png | 128 px | 头像(已裁圆形) |
site/assets/ip/xiaohc-stand-front.png | 236 × 512 | 正面 · 常规 |
site/assets/ip/xiaohc-happy.png | 362 × 512 | 半身笑脸 · 欢迎 / 成功态 |
site/assets/ip/xiaohc-side.png | 219 × 512 | 侧面 · 引导 / 指引 |
标志一律从 .svg 出,不要从截图或导出图里抠,边缘会毛。
组合标内是矢量化字形,改字等于改图,请在原始设计文件上协作,不要在导出件上改。
需要新组合(如横向精简版、英文版)时请新增源文件后登记进本手册,避免各处各做一版。
官网、软件、单据、门店、社媒均以本手册为准;发现不一致请回改,不要「就地凑合」。