跳到正文
小小东 UI

基础

字体与层级

正文 Avenir Next / 苹方,编辑式标题思源宋体;不加载网络字体;字重只有 400 / 500 / 600;选中改颜色,不加粗;不改字距。

层级

小小东 UI 让每个插件看起来是一家人

display · 28 / 600 / 衬线
页面大标题

小小东 UI 让每个插件看起来是一家人

heading1 · 20 / 600
一级标题

小小东 UI 让每个插件看起来是一家人

heading2 · 16 / 600
区块标题

小小东 UI 让每个插件看起来是一家人

heading3 · 14 / 500
小标题、设置行标题

小小东 UI 让每个插件看起来是一家人

body · 13 / 400
正文、控件(插件里最常用)

小小东 UI 让每个插件看起来是一家人

secondary · 13 / 400 / muted
次要说明

小小东 UI 让每个插件看起来是一家人

caption · 12 / 400 / muted
注释、元数据

小小东 UI 让每个插件看起来是一家人

mono · 等宽 0.92em
代码、变量名

阅读排版(.xxd-prose)

编辑式海报

克制的编辑式粗野主义:纸色背景、清晰的黑线、衬线标题、密但好读的中文。一个链接,行内代码 --r-sm。

  • 列表的点用主色
  • 引用的线 40%
动效用来揭示层级和给反馈,不是装饰。
toast("已保存", { tone: "success" })