示例
博客
纸墨语气的编辑站点:可筛选的文章网格、目录跟随窗口的文章页,还有一条活的评论线。
查看源码以光为影:不靠重量的层级
系统的前提是深度不是装饰——表面停在环境阴影里,层级由光来背负。
- 设计
- 工艺
方寸为章,器物为圆
控件像印章一样切成方形,器物像碗一样保持圆润。形状语法本身承载着意思。
- 设计
- 令牌
密度是信息的组织方式
四档密度只缩放留白,不动字号与对比度——可读性是底线,不是选项。
- 无障碍
- 令牌
智能体读得懂的解剖结构
data-scope、data-part 与机器状态属性,让组件树对代码生成和编码智能体同样可读。
- 智能
- 工艺
矿物颜料:守得住色相的强调色
语义色是固定的颜料——竹青、赭石、朱砂、群青——与可替换的强调主题互不相干。
- 令牌
- 设计
贯通始终的 CSS 变量管线
令牌编译成自定义属性;光照引擎写入变量;组件 CSS 只消费。单向流动,没有循环。
- 令牌
- 工艺