精选 · 开放 · 免费

Mastercard

为全球金融工具打造的简洁、中性的界面。

01

设计气质 DNA

数字商业的通用门户。

02

色彩

采用绝对的单色方案，辅以高对比度，以实现最佳可读性与中立性。

03

字体

transitional-serif

• body16px · 400

文本严格使用过渡衬线字体。 · 字重始终为 400。 · 文本大小固定为 16px。

04

间距

清晰、标准的垂直节奏。

05

表面 (圆角 / 阴影 / 边线)

简洁的 1px 实线黑色边框。

06

布局

标准的、全宽的企业级布局。

07

动效与交互

用于状态切换的细微淡入淡出和过渡效果。

文本链接的下划线或透明度变化。 · 标准的系统反馈。

08

组件

• button 简洁的文本链接或标准系统按钮。
• card 由细边框定义的内容块。
• input 带有黑色边框的标准系统输入框。
• hero 一个宽敞、干净的区域，包含最少的文本和品牌标识。

09

文案语气与禁用清单

• 语气 权威、清晰且中立。
• 标题风格 直接且具有宣告性。
• 按钮文案 清晰、可操作的文本链接。

• 不要使用无衬线字体——截图中显示的是过渡衬线字体。
• 不要使用彩色背景——截图中显示的是纯白色背景。
• 不要使用投影——截图中显示的是通过边框定义的扁平化元素。
• 不要使用圆角——截图中显示的是 0px 的直角。
• 不要使用醒目的强调色——截图中显示的是严格的单色方案。
• 不要使用粗重的字重——截图中显示的是一致的 400 字重。
• 避免: 俚语
• 避免: 过于随意的语言
• 避免: 含义模糊的措辞

11

System Prompt

en · zh-CN · zh-TW · ja · ko