由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。
文本间距韧性把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
界面应能承受用户调整行高、字距、字号或浏览器缩放后仍不遮挡内容。84%Typography Color Accessibilitytypography / font-pairing字体配对应从产品功能出发:品牌表达、长文阅读、数字比较和控件标签各有任务。
字体差异要有明确用途,避免为了风格混搭造成阅读负担。82%Typography Color Accessibilitytypography / font-weight字重用于建立强调,而不是把每个标签都加粗。
粗体过多会失去强调能力,并让密集界面显得沉重。82%Typography Color Accessibilitytypography / readability长文本需要舒适行高和可读行长;密集界面也要避免文本互相压迫。
行长太宽会丢行,行高太紧会拥挤,行高太松会破坏信息密度。82%Typography Color Accessibilitytypography / hierarchy字号层级应服务页面结构,避免在小面板里使用 hero 级标题。
清楚的字号阶梯能让标题、标签、正文、数字各司其职。82%