UI Lab
把设计放进完整场景。亲手体验，也把它带走。
03 THEMES / 03 SCENES01 / 03
Paper纸页 · 阅读空间
温暖的纸色、舒展的文字与安静的边注。让长内容值得停留。
CHAPTER 01 / 03
让注意力停留在文字上
把阅读，还给阅读。
阅读是一种缓慢建立的关系。标题邀请人走进来，段落让人继续往前，而留白给思考留出一点空间。
好的界面懂得什么时候出现，也懂得什么时候退后。
当导航、标签与工具各归其位，文字便成为页面的中心。不必让每一处都有声音，重要的内容自然会被看见。
01衬线标题与宽松行距02纸色区分阅读与导航03陶土色只标记阅读位置
Design tokens 30
预览与导出共用同一份变量。切换主题，这里也会同步。
- 背景--lab-background
- #f0eee8
- 内容面--lab-surface
- #fffdf7
- 浮起层--lab-elevated
- #ffffff
- 正文--lab-foreground
- #302d28
- 次级文字--lab-muted
- #817b70
- 分隔线--lab-border
- #e4dfd4
- 强调色--lab-accent
- #93664b
- 选中背景--lab-accent-soft
- #eee3d5
- 强调色上文字--lab-accent-foreground
- #fffdf7
- 完成状态--lab-success
- #527254
- 完成背景--lab-success-soft
- #e7eddf
- 进行状态--lab-warning
- #926b31
- 进行背景--lab-warning-soft
- #f5ebd6