Elements

示例

博客

纸墨语气的编辑站点:可筛选的文章网格、目录跟随窗口的文章页,还有一条活的评论线。

查看源码

以光为影:不靠重量的层级

系统的前提是深度不是装饰——表面停在环境阴影里,层级由光来背负。

  • 设计
  • 工艺
SW
Sage Wei6 分钟

方寸为章,器物为圆

控件像印章一样切成方形,器物像碗一样保持圆润。形状语法本身承载着意思。

  • 设计
  • 令牌
WZ
Wen Zai4 分钟

密度是信息的组织方式

四档密度只缩放留白,不动字号与对比度——可读性是底线,不是选项。

  • 无障碍
  • 令牌
RM
Ren Mei5 分钟

智能体读得懂的解剖结构

data-scope、data-part 与机器状态属性,让组件树对代码生成和编码智能体同样可读。

  • 智能
  • 工艺
SW
Sage Wei7 分钟

矿物颜料:守得住色相的强调色

语义色是固定的颜料——竹青、赭石、朱砂、群青——与可替换的强调主题互不相干。

  • 令牌
  • 设计
WZ
Wen Zai5 分钟

贯通始终的 CSS 变量管线

令牌编译成自定义属性;光照引擎写入变量;组件 CSS 只消费。单向流动,没有循环。

  • 令牌
  • 工艺
RM
Ren Mei8 分钟