晓灰XIAOHUI

晓灰 · 品牌资料

写代码，
也写字。

一笔晨光，两页笔记。
属于晓灰的标识、配色与表达方式。

获取品牌资源 认识这枚标识

XIAOHUI / BRAND KIT 01 — 2026

晨光 / 书页FIG. 01
晓灰晨光书页标识
晓灰XIAOHUI
xiaohui.cool
清楚的文字。
可辨认的自己。01 标识 02 资源 03 色彩 04 排版

01 / IDENTITY

从晨光，到书页。

一笔晨光，两页打开的笔记。保留“晓”的轻盈，也保留记录与思考的空间。

01.A / LIGHT墨色组合
晓灰 Xiaohui 横向标识
浅色页面 · 文档 · 署名224 × 96
01.B / DARK浅色组合
深色背景使用的晓灰横向标识
深色页面 · 封面 · 展示224 × 96

SMALL, STILL CLEAR

小到一个入口，
也能被认出。

图标建议不小于 32px；横向组合建议不小于 224px。四周留出至少标识高度 1/4 的空间。

32 像素标识32 px
48 像素标识48 px
64 像素标识64 px
96 像素标识96 px

02 / DOWNLOADS

拿走，即可使用。

透明底 SVG，字形已转为路径。无需安装字体，也不依赖第三方资源。

01 / SVG晓灰 · 图形标记VECTOR · TRANSPARENT

晓灰 · 图形标记

初升的太阳与翻开的两页笔记。铜色与墨色，透明背景，适合浅色表面。

SVG xiaohui-mark.svg
02 / SVG晓灰 · 浅色横式组合VECTOR · TRANSPARENT

晓灰 · 浅色横式组合

图形标记、晓灰与 XIAOHUI 字样。文字已转为路径，透明背景，适合浅色表面。

SVG xiaohui-horizontal-light.svg
03 / SVG晓灰 · 深色横式组合VECTOR · TRANSPARENT

晓灰 · 深色横式组合

图形标记、晓灰与 XIAOHUI 字样。文字已转为路径，透明背景，适合深色表面。

SVG xiaohui-horizontal-dark.svg
04 / SVG晓灰 · 单色图形VECTOR · TRANSPARENT

晓灰 · 单色图形

初升的太阳与翻开的两页笔记。单色透明版本，内联时可通过 color 设置颜色。

SVG xiaohui-monochrome.svg

ALSO INCLUDED

其他格式与配套资料

03 / COLOR & MATERIAL

浅纸，灰墨，一点铜色。

纸面更浅，少一点黄色。纹理留在背景，文字保持清楚。点击色块复制色值。

亮色LIGHT / PAPER

暗色DARK / INK

有纸的触感，没有阅读的噪声。

轻量、静态、可平铺的纸张纹理。高对比度模式和打印时自动关闭。

下载纹理 SVG

04 / TYPOGRAPHY

文字，有自己的层次。

中文读得舒适，代码看得清楚。两套字形，各自做好一件事。

01 / READING

记录。
思考。
继续生长。

一个关于 AI Agent、工程实践、投资系统与长期学习的数字花园。

Noto Sans SC / 系统中文无衬线字体
正文 1rem · 行高 1.85

02 / BUILDING

const notes = [
  "build",
  "write",
  "learn"
]
IBM Plex Mono / 系统等宽字体
用于代码、命令与短元信息

05 / USAGE

保持清楚，保留留白。

一点简单的约定，让每一次引用都能准确地传递来源。

  • 按背景选择版本

    浅底用墨色组合，深底用浅色组合；图片与复杂底纹上先铺一块干净底色。

  • 保持原始比例

    不拉伸、不挤压，不加描边、发光或额外渐变。

  • 名称与链接保持一致

    中文写“晓灰”，英文写“Xiaohui”，网站为 xiaohui.cool。

  • 引用不等于背书

    标识用于准确说明来源与作者，不应让读者误以为存在未经确认的合作、认证或推荐。

放进你的页面

<a href="https://xiaohui.cool/">
  <img src="/brand/xiaohui-horizontal-light.svg"
       alt="晓灰 Xiaohui" width="240" />
</a>

下载后放入网站的 /brand/ 目录即可引用，无需额外脚本。

单色版本内联使用时可继承 currentColor；通过 img 引用时，使用固定浅色或深色版本。

写代码也写字回到晓灰的数字花园