Diagram

一个展示未渲染基础图形元素的画廊，或是软件概念性的“幕后”视图。

采用纯黑与纯白的绝对高对比度极简主义，以传达结构与本质。

transitional-serif

• body16px · 400

为所有文本角色使用相同的过渡型衬线字体。 · 保持一致的 16px 基准尺寸，标准字重为 400。 · 为所有元素应用过渡效果，以实现细微的状态变化。

无明显定义；依赖绝对定位或间距基础单元。

1px solid rgb(0, 0, 0)，应用于结构边界。

通过全局 'all' 过渡属性，为所有元素应用平滑的状态过渡。

通过全局过渡属性实现的细微状态变化。 · 基础元素上的标准指针交互。

• button 未观察为标准组件；交互为基础状态变化。
• card 未观察；布局使用孤立的带边框方块。
• chip 未观察。
• input 未观察为标准表单元素。
• hero 白色背景上基本元素的稀疏、抽象构图。

• 语气 中性、冷静且基础。
• 标题风格 无独特标题样式；文本统一且注重功能。
• 按钮文案 无独特行动号召样式；交互保持低调。

• 不要使用多种字体家族——截图显示仅使用一种过渡型衬线字体。
• 不要引入色彩强调——截图显示严格的黑白单色调色板。
• 不要添加装饰性边框或阴影——截图仅显示细实黑结构线条。
• 不要使用圆角——截图显示所有元素均为锐利的 90 度角。
• 不要应用复杂动画——截图暗示状态变化使用简单的 'all' 过渡。
• 不要使布局拥挤——截图显示大量留白与极简、孤立的组件。
• 避免: 装饰性点缀
• 避免: 特定品牌的字体
• 避免: 高饱和度色彩强调
• 避免: 阴影或景深效果