paper field
暖纸作为连续场
选择暖色 #FFFCF4 纸面作为整站画布，而非中性灰或深色底。着色让黑色边框与黄色操作读起来像印刷痕迹，同一表面也能承载长篇文档而无需主题切换。
基础 Foundations
设计语言的「为什么」：视觉方向、核心原则、基础取值。 数据层的变量名与取值见 Tokens。
视觉方向 Visual direction
SchemaX UI 以 RetroUI / Neo-brutalist 为视觉基础，并叠加 Schema 自身的结构化视觉母题。
Neo-brutalist 特征
低圆角或无圆角粗边框实心硬阴影蓝黄主色高对比度编辑感排版模块化卡片明显的交互反馈少渐变少玻璃效果
页面视觉强度分级
RetroUI 强度按页面分级 —— 设计系统最强，博客正文最克制。 Schema 母题不侵入长篇阅读空间。
| 页面 | RetroUI 强度 |
|---|---|
| 设计系统 | 最强 |
| 首页 | 强 |
| 项目页 | 强 |
| 课程列表 | 中强 |
| 课程正文 | 中等 |
| 博客正文 | 克制 |
设计原则 Principles
四条贯穿全局的设计决策，每条回答一个「为什么」。
offset ink
硬阴影替代柔和投影
卡片、按钮、控件需要与纸面分离时，用 2–4px 的纯黑偏移、零模糊，而非多层漫射阴影。物体在小尺寸下保持裁切般的物理边缘，在白底与纸底上都清晰可读。
display × utility
显示字体配 utility 正文
标题用 display 字体让区块切换一目了然；正文与 UI 标签用紧凑的 utility 字体保持可扫描。等宽字体隔离在代码与技术标签上。
color as signal
色彩是信号，不是壁纸
黄色用于主强调，读者能预测黄=操作或焦点；薄荷、紫、粉等装饰色保持在小范围点缀，而非竞争性的导航通道。
基础视觉取值 Foundations in use
实物展示，非变量表。完整 token 变量名见 Tokens。
配色 Palette
Paper
#FFFCF4页面背景 · 暖纸连续场Ink
#000000文字 / 边框 / 阴影White
#FFFFFF卡片表面Yellow
#FFDC58强调 · 主操作Blue
#2f5bea链接 · actionRed
#f9575c危险 · 停用Green
#35ad68成功 · 完成阴影 Shadow
纯黑硬阴影，零模糊，三档偏移。
sm · 2px
md · 4px
lg · 6px
边框与圆角 Border & radius
全站统一 1px 黑边。圆角仅两种：0（默认）与 2px（按钮等）。
边框 1px · 圆角 0
边框 1px · 圆角 2px
无边框（仅阴影）
Schema 视觉母题 Schema motifs
SchemaX 自身的结构化视觉语言。这些元素仅用于品牌与设计系统区域，不侵入长篇阅读空间。
花括号 {}字段名类型标签required 星号 *路径表达 a.b.c网格节点连接结构分组