一部从作品本身写起的设计风格辞典。
它是纯粹的 HTML。任何浏览器、任何设备都能打开，不需要应用也不需要账号，机器读到的也是同一个页面。
| 词条 | 776 |
|---|
理解为Trust金融
494
.png)
GOV.UK デザインシステム / 2012– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
英国政府的 Government Digital Service 为公共服务公开并维护的设计语言。全部内容排成没有装饰的左对齐单栏，用 GDS Transport 字体，不做圆角的绿色按钮靠下边一条深绿的带获得厚度，按下去正好沉下这个厚度。取得键盘焦点的元素则变成黄底加黑色下划线。
没有装饰的左对齐单栏，几乎不用边框，也不用阴影 / 不做圆角的绿色按钮，下边铺着一条深绿的带，按下时正好沉下这一层厚度 / 只有取得焦点的元素会变成黄底，下面再画一条黑线 / 字号只有 48、36、24、19、16px 这几档，中间没有别的尺寸
539
スケルトン・スクリーン / 2013– / 技法 / 界面风格
接近的原因Trust金融TechniqueCalm
加载时不出旋转图标，而是先把内容进入之前的空画面显示出来，再把信息一点点灌进去的做法。Luke Wroblewski 在2013年以自制应用 Polar 的反思为由，用这个名字介绍了它。它展示的不是让人等待这件事，而是事情正在推进。
加载过程中不出现旋转图标和进度条 / 正文和图片要落入的位置上，先放着同样尺寸的素面色块 / 内容到达之前版面就已确定，到达后元素也不移动 / 信息不是一次全出，而是按区域依次填满
538
.png)
1
42
ベントーグリッド / 2020s / 版面 / 信息设计
接近的原因Trust金融Technique
把不同种类的信息分装进各自独立的方格，让全貌一眼可见。
大小不一的卡片 / 对齐的间隙 / 一屏概览 / 模块
326
紙幣のギヨシェ / 18th century– / 技法 / 公共设计
接近的原因Trust金融Technique
以车床刻出的扭索纹曲线与凹版雕刻肖像抵御伪造、同时让信用变得可见的纸币风格。美国1896年的「教育系列」把纸币提升为寓意画式的杰作。
连绵不断的扭索纹曲线 / 凹版雕刻的肖像 / 细密的底纹车刻 / 面值的等级秩序
118
554
Carbon Design System / 2015– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
IBM面向数据密集型企业产品的系统，以严格网格、IBM Plex字体和紧凑组件让复杂工作保持清晰可读。
IBM Plex与强烈的字体层级 / 白色或深灰工作表面 / 密集表格、筛选器和侧边导航 / 蓝色仅用于操作与焦点
472
マテリアルデザイン / 2014– / 风格 / 谷歌 UI
接近的原因Trust金融Technique
把纸与墨这一物理比喻落实为阴影与叠层规则的设计体系。给元素赋予高度，用阴影表示层级，让动效带有物理因果。它成为此后界面设计「作为体系被分发」的范本。
以高度表示的层级与阴影 / 如纸张般叠合的面 / 表示因果的动效 / 被规格化的间距单位
229
スキーマティック路線図 / 1933– / 版面 / 信息设计
接近的原因Trust金融TechniqueCalm
舍弃地理精度，只用水平、垂直与45度的线，并让站点等距排列。贝克1933年的伦敦地铁图确立了这一形式，使之成为全世界交通线路图的共同语言。
线条限于45度 / 等距排列的站点 / 以颜色区分线路 / 脱离地理
543
GitHub Primer / 2017– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
GitHub 的设计系统把密集的开发流程转化为颜色、字体、图标、间距与组件的共同规则。它让流程先于装饰，在狭小空间里容纳大量状态与操作，同时不牺牲无障碍和响应式表现。
中性色表面、蓝色链接与克制的状态色 / Octicon 图标配以简短的操作标签 / 用细边线分开列表、标签页与侧栏 / 即使信息密集，字号与间距仍遵循一致的级差
534
568
GitLab Pajamas / 2018– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
GitLab的界面语言通过GitLab Sans和Mono、持续导航、密集列表与略带紫色的中性色板，把代码、问题、审查、CI/CD和安全连接进一个DevSecOps产品。
GitLab Sans与用于代码的GitLab Mono搭配 / 左侧导航与应用框架构成分层结构 / 密集的问题、合并请求与流水线列表 / 白色或炭灰表面，以紫色作为品牌焦点
556
566
PatternFly / 2012– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
Red Hat面向企业产品的开源界面语言，以密集导航、数据视图和严格受控的状态色，让复杂基础设施仍可管理。
深色顶部栏与左侧导航 / 白色或浅灰工作表面上的密集表格和表单 / 蓝色用于主要操作，红橙绿用于状态 / 列表、详情和操作在协调面板中展示
571
Canonical Vanilla / 2013– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
Canonical基于CSS的界面语言，通过Ubuntu字体、分割网格、带细线的段落与充足空间统一Ubuntu、MAAS、Juju等站点与应用，适合快速浏览长篇技术内容。
Ubuntu字体的大号细标题与较小粗标题 / 不对称的25/75与50/50分栏 / 段落上方细线与充足纵向空间 / 白色表面、深色文字与橙色或茄紫色焦点
489
アドワイタ / 2011– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
GNOME 给自己默认外观起的名字，指南规定亮色版、暗色版和高对比版必须用同一套部件来成立。窗口上端有一条顶栏横贯，放在上面的按钮既不画背景也不画边框。图标统一为 16x16px 的单色符号图标。
横贯窗口上端的一条顶栏，内容靠左、居中、靠右三点对齐，窗口的标题坐在中间 / 顶栏上的按钮没有背景也没有边框，面上只浮着符号和文字 / 以 16x16px 绘制的单色符号图标，主要笔画宽 2px，取不带透视的正面形态 / 公开的调色板，每个色相备齐五级，其中包括 Blue 3 的 #3584e4
544
Adobe Spectrum / 2013– / 风格 / 平台界面语言
接近的原因Trust金融TechniqueCalm
Adobe 跨应用的设计系统。它以理性、人性与专注为原则，在桌面端和移动端之间调整密度，同时让工具繁多的界面不从作品本身夺走注意力。
中性色表面，鲜明色彩只留给选中状态 / 图标、字体与边框按同一尺度共同变化 / 工具栏和属性面板用细线相接 / 创作内容始终比界面更有视觉分量
561
Elastic UI / 2017– / 风格 / 平台界面语言
接近的原因Trust金融Technique
Elastic的界面系统面向大型数据集的搜索、筛选和诊断，在此过程中不牺牲运维密度。
固定页头与左侧导航 / 持续显示的查询、筛选与时间控制 / 共享面板中的表格和时间序列图 / 鲜亮序列色仅用于数据
59
545
Atlassian Design System / 2012– / 风格 / 平台界面语言
接近的原因Trust金融Technique
一套把 Jira 与 Confluence 的复杂度转译为共享令牌、内容规则、间距、网格和组件的系统。一致性建立信任，也让大量议题、文档和状态仍可导航。
白色与浅灰色层次配蓝色主要操作 / 圆角卡片与胶囊形状态标签 / 侧栏、表格和详情面板之间界限清楚 / 颜色、间距、圆角与高度均由令牌控制
546
Ant Design / 2015– / 风格 / 平台界面语言
接近的原因Trust金融Technique
一套以可复用组件和页面模式让企业 Web 应用保持低熵的设计系统。自然、确定、有意义与生长这四项价值，把表格、表单、层级与状态系统化，却不降低信息密度。
小字号与细线组成的密集表格 / 蓝色主要操作与含义明确的状态色 / 表单、分页、树形结构与表格保持一致 / 靠对齐和重复建立可读性，而不是依赖宽松留白
555
Salesforce Lightning / 2015– / 风格 / 平台界面语言
接近的原因Trust金融Technique
Salesforce为以记录为中心的业务工作建立的界面语言，把对象、操作和状态组织为可重复的工作区模式。
带紧凑元数据的对象页头 / 标签页、卡片和活动时间线 / 云蓝色配合语义状态色 / 密集表单与记录表格
557
米国Webデザインシステム / 2015– / 风格 / 公共设计
接近的原因Trust金融Calm
一个服务于美国联邦网站的共享系统，以经过验证的公共服务模式构建可访问、移动友好且可信赖的服务。
白色、海军蓝与克制的联邦红 / 大而朴素的标题和易读正文 / 官方站点识别横幅 / 清晰的表单、提示与步骤指示
IndexStyle并不收进所有设计相关术语。独立条目必须描述一种可辨认、可复现，并能与近邻区分的视觉语言。 收录标准