文档返回官网官网

文档官网

组件与变体

每种语言 38 个主组件，另有 8 个标志 / 标语组件。

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

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

组件板

按钮、Chip、输入框、卡片、反馈与标注。每种语言 38 个主组件；另有 8 个标志 / 标语组件放在 VI 资产板。

中文站和英文站各一版，点按钮切换。

组件板（中文）（中文站） · 1802 × 2535下载原图 · 319 KB
Components board (EN)（英文站） · 1802 × 2538下载原图 · 341 KB

组件清单

名称与 .pen 里的组件名一致，可复制。

Button12 项

  • Primary / Default
  • Primary / Hover
  • Primary / Pressed
  • Primary / Loading
  • Primary / Disabled
  • Secondary / Default
  • Secondary / Hover
  • Small
  • Icon / Default
  • Icon / Disabled
  • Add to inquiry / Default
  • Add to inquiry / Added

Chip3 项

  • Default
  • Hover
  • Selected

Tag1 项

  • Tag

Sticker1 项

  • Sticker

Nav Link2 项

  • Default
  • Active

Field8 项

  • Text / Default
  • Text / Focus
  • Text / Filled
  • Text / Error
  • Text / Disabled
  • Select / Default
  • Select / Open
  • Select / Error

Card7 项

  • Service
  • Case
  • Case / Hover
  • Case / Skeleton
  • Product
  • Testimonial
  • Stat

Step1 项

  • Step

Alert1 项

  • Error

Annotation2 项

  • Pin
  • Card

标志与标语组件

这 8 个组件在标志页的 VI 资产板里，中英文页面共用。

  • Logo / 组合标 · 彩色 · 文件高 48（可见 40）
  • Logo / 组合标 · 彩色 · 文件高 39（可见 32）
  • Logo / 组合标 · ink 单色 · 文件高 39（可见 32）
  • Logo / 组合标 · paper 单色 · 文件高 48（可见 40）
  • Logo / 组合标 · 彩色 · 文件高 96
  • Logo / 图形标 · 彩色 · 文件 200（卡片可见 ≈161）
  • Slogan / EN · 三色反白 · 文件高 64
  • Slogan / CN · 三色反白 · 文件高 64
目录

下载原图