文档返回官网官网

文档资源

下载中心

规范原文、资产包、设计文件、tokens 和全部图片。

现行· VI Spec v1.2 · 来源 HAJI-8 · 2026-10-23

官网设计 v1.2 · 来源 HAJI-9 · 2026-10-23

规范与设计文件

官网设计只提供 15:07 那一版;14:40 的旧版已被取代,不上线。

VI Spec v1.2 原文

hajimi-vi-spec-v1.2.md

格式
Markdown · 17 KB
版本
Spec v1.2
来源
HAJI-8

规范原文

下载 Markdown

VI 资产包

hajimi-vi-v1.1.zip

格式
ZIP · 1.9 MB
版本
资产包 v1.1
来源
HAJI-8

42 个文件:svg 27、png 11、规范板 png 1、source 脚本 3

下载 ZIP

官网设计文件

hajimi-www-v1.2.pen

格式
PEN · 807 KB
版本
官网设计 v1.2 · 15:07 版
来源
HAJI-9

官网设计文件(15:07 版,取代 14:40 版)

下载 PEN

v1.1 规范板图示

hajimi-vi-v1.1.png

格式
PNG · 1.6 MB
版本
资产包 v1.1
来源
HAJI-8

规范板图示,与文字冲突时以 Spec v1.2 为准

下载 PNG

tokens

由 .pen 的 Variables 加上 Spec 第 6、7 节的数值生成,只换格式,不加新值。

tokens.css

tokens.css

格式
CSS · 1 KB
版本
tokens v1.2
来源
生成自 HAJI-9 .pen Variables + HAJI-8 Spec §6 §7

只换格式,不加新值

下载 CSS

tokens.json

tokens.json

格式
JSON · 2 KB
版本
tokens v1.2
来源
生成自 HAJI-9 .pen Variables + HAJI-8 Spec §6 §7

只换格式,不加新值

下载 JSON

素材文件对照

来自 Spec 第 0 节。source/*.py 只随整包提供,不单独列出。

用途 文件(hajimi-vi-v1.1.zip / svg 或 png)
组合标 hajimi-lockup-color.svg(浅底)· -color-reverse.svg(ink 底)· -ink.svg / -paper.svg(单色)
字标 hajimi-wordmark-color.svg · -color-reverse.svg · -ink.svg · -paper.svg
图形标 hajimi-symbol-color.svg · -ink.svg · -paper.svg;扁平版 hajimi-icon-flat.svg
标语 hajimi-slogan-en-color.svg · -color-reverse.svg · -ink.svg · -paper.svg;中文同名 -cn-;场景版 -en-thanks-color.svg、-en-chat-color.svg
品牌签名 hajimi-signature-en-color.svg / -reverse.svg,中文 -cn- 同名
网站图标 favicon.svg、favicon-32.png、apple-touch-icon-180.png、hajimi-icon-512.png

所有标志和标语都是转好轮廓的路径文件,不依赖字体。v1.0 的 hajimi-logo-v1.zip 和 hajimi-logo-board.png 作废。

尺寸都按可见图形量,不含 SVG 文件自带的留白。 组合标和字标的文件高 277,其中可见图形占 229,也就是可见高度约等于文件高 × 0.83。

全部 SVG(27)

资产包 v1.1 · 来源 HAJI-8。预览在标志和标语页。

hajimi-lockup-color.svg组合标 · 彩色(浅底)4 KBSVG下载
hajimi-lockup-color-reverse.svg组合标 · 彩色反白(ink 底)4 KBSVG下载
hajimi-lockup-ink.svg组合标 · ink 单色3 KBSVG下载
hajimi-lockup-paper.svg组合标 · paper 单色3 KBSVG下载
hajimi-wordmark-color.svg字标 · 彩色(浅底)2 KBSVG下载
hajimi-wordmark-color-reverse.svg字标 · 彩色反白(ink 底、主色紫底)2 KBSVG下载
hajimi-wordmark-ink.svg字标 · ink 单色2 KBSVG下载
hajimi-wordmark-paper.svg字标 · paper 单色2 KBSVG下载
hajimi-symbol-color.svg图形标 · 彩色2 KBSVG下载
hajimi-symbol-ink.svg图形标 · ink 单色1 KBSVG下载
hajimi-symbol-paper.svg图形标 · paper 单色2 KBSVG下载
hajimi-icon-flat.svg扁平图标(无描边、无投影,最小 16px)1 KBSVG下载
favicon.svg网站图标 favicon1 KBSVG下载
hajimi-slogan-en-color.svg英文标语 · 三色(浅底)11 KBSVG下载
hajimi-slogan-en-color-reverse.svg英文标语 · 三色反白(ink 底)11 KBSVG下载
hajimi-slogan-en-ink.svg英文标语 · ink 单色12 KBSVG下载
hajimi-slogan-en-paper.svg英文标语 · paper 单色12 KBSVG下载
hajimi-slogan-cn-color.svg中文标语 · 三色(浅底)8 KBSVG下载
hajimi-slogan-cn-color-reverse.svg中文标语 · 三色反白(ink 底)8 KBSVG下载
hajimi-slogan-cn-ink.svg中文标语 · ink 单色8 KBSVG下载
hajimi-slogan-cn-paper.svg中文标语 · paper 单色8 KBSVG下载
hajimi-slogan-en-thanks-color.svg场景版 thanks. join. smile.(员工认可、入职礼盒)11 KBSVG下载
hajimi-slogan-en-chat-color.svg场景版 chat. join. smile.(活动、社群、快闪)9 KBSVG下载
hajimi-signature-en-color.svg品牌签名 · 英文(浅底)16 KBSVG下载
hajimi-signature-en-reverse.svg品牌签名 · 英文(ink 底)15 KBSVG下载
hajimi-signature-cn-color.svg品牌签名 · 中文(浅底)12 KBSVG下载
hajimi-signature-cn-reverse.svg品牌签名 · 中文(ink 底)11 KBSVG下载

全部 PNG(11)

favicon-32.png网站图标 32px1 KBPNG下载
apple-touch-icon-180.pngiOS 图标 180px4 KBPNG下载
hajimi-icon-512.png应用图标 512px13 KBPNG下载
hajimi-symbol-color-1024.png图形标 · 彩色 · 1024px32 KBPNG下载
[email protected]组合标 · 彩色 @2x39 KBPNG下载
[email protected]组合标 · 彩色反白 @2x38 KBPNG下载
[email protected]字标 · 彩色 @2x21 KBPNG下载
[email protected]英文标语 · 彩色 @2x38 KBPNG下载
[email protected]中文标语 · 彩色 @2x32 KBPNG下载
[email protected]品牌签名 · 英文 @2x61 KBPNG下载
[email protected]品牌签名 · 中文 @2x63 KBPNG下载

画板图(14)

官网设计 v1.2 · 15:07 版 · 来源 HAJI-9。

vi-assets.pngVI 资产板 · 2402 × 747149 KBPNG下载
vi-check.pngVI 核对板 · 2884 × 5036919 KBPNG下载
cn-cover.png封面(中文) · 1442 × 877176 KBPNG下载
en-cover.pngCover (EN) · 1442 × 885198 KBPNG下载
cn-tokens.png设计 Token 板(中文) · 1442 × 1971304 KBPNG下载
en-tokens.pngDesign tokens board (EN) · 1442 × 1963324 KBPNG下载
cn-components.png组件板(中文) · 1802 × 2535319 KBPNG下载
en-components.pngComponents board (EN) · 1802 × 2538341 KBPNG下载
cn-states.png状态板(中文) · 2602 × 5091589 KBPNG下载
en-states.pngStates board (EN) · 2602 × 5109635 KBPNG下载
cn-annotations.png交互标注(中文) · 522 × 2268388 KBPNG下载
en-annotations.pngInteraction notes (EN) · 522 × 2605450 KBPNG下载
cn-page-desktop.png桌面单页 1440(中文站) · 1440 × 7022882 KBPNG下载
en-page-desktop.pngDesktop 1440 page (EN site) · 1440 × 7056945 KBPNG下载
目录

下载原图