暗色只用在首屏,强调色只有一个,分隔靠发丝线不靠阴影。这套约束的目的不是好看,是让内容始终是主角。
编号负责定位,标题负责结论,说明放右侧。三者基线对齐,不居中。
用于文章索引、日志、更新记录。悬停时整行左移 8px 并出现强调色底纹。
左边放论述,右边放可核对的事实。事实表用等宽字体右对齐,因为它本质是一张数据表,不是一段文案。
这种结构适合放「关于」「规格」「技术参数」——凡是需要读者快速扫读并取信的内容。
用 .qt-prose 包裹。暗色不进入正文区——长文黑底阅读疲劳。
行高 1.85,字号 15.5px,颜色 #24262B。正文不用纯黑,纯黑在浅底上对比过强,长时间阅读会有闪烁感。链接用强调色,不用下划线——下划线是「旧网页」的视觉噪音。
引用用左侧 3px 强调色竖线加浅底。竖线是这套系统里唯一允许的粗线。
npm run build
# 没有构建步骤时,这一行就是跑个检查
| 层级 | 用途 | 色值 |
|---|---|---|
| 墨 | 首屏、代码、页脚 | #0B0B0C |
| 纸 | 正文底色 | #FFFFFF |
| 强调 | 链接、当前项、按钮 | #2D6CDF |