规范与设计文件
官网设计只提供 15:07 那一版;14:40 的旧版已被取代,不上线。
VI Spec v1.2 原文
hajimi-vi-spec-v1.2.md
- 格式
- Markdown · 17 KB
- 版本
- Spec v1.2
- 来源
- HAJI-8
规范原文
下载 MarkdownVI 资产包
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 版)
下载 PENv1.1 规范板图示
hajimi-vi-v1.1.png
- 格式
- PNG · 1.6 MB
- 版本
- 资产包 v1.1
- 来源
- HAJI-8
规范板图示,与文字冲突时以 Spec v1.2 为准
下载 PNGtokens
由 .pen 的 Variables 加上 Spec 第 6、7 节的数值生成,只换格式,不加新值。
- 格式
- CSS · 1 KB
- 版本
- tokens v1.2
- 来源
- 生成自 HAJI-9 .pen Variables + HAJI-8 Spec §6 §7
只换格式,不加新值
下载 CSStokens.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下载画板图(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下载