品牌资源

BlogKit 官方 Logo、标准色值与使用规范,供媒体、开发者和社区引用。

Logo

图标版 Logo(蓝色圆角块 + BlogKit缩写 BK 字标)用于页头导航、头像等小尺寸场景,横版 Logo(图标 + 文字标)用于标题、文档页眉与宣传物料。

BlogKit 横版标准 Logo 横版标准 Logo
BlogKit 图标版 Logo 图标版(页头同款)

标准色值

与官网主题变量(site.css :root)同源,衍生界面请优先引用 CSS 变量。

品牌主色 Primary #007aff · var(--primary)
主色深化 Hover #0066d6 · var(--primary-hover)
强调色 Accent #32ade6 · var(--accent)
正文色 Text #1d1d1f · var(--text)
背景色 Background #ffffff · var(--bg)

字体与使用规范

字体

系统字体栈:PingFang SC、Microsoft YaHei、system-ui、sans-serif,不依赖任何外部字体文件。

Logo 使用

保持色块圆角与安全边距(边距不小于色块高度的 1/4);禁止拉伸变形、更改渐变角度或替换字标。

深色背景

深色模式下 Logo 色块不变,文字标用白色 #e6edf3(var(--text))替代深灰。

开源声明

BlogKit 采用 GPLv3 协议开源,引用名称与 Logo 时请遵守开源协议与版权声明。