Plaid

连接传统银行与现代金融科技的桥梁。

以深蓝色和青色为基础，辅以纯净的白色与深邃的墨色。

geometric-sans · monospace

• display64px · 500

标题使用紧凑的 letter-spacing 和中等字重。 · 正文使用标准字重，搭配宽松的 line-height。 · 等宽字体专用于代码片段。

基于标准4px网格，使用一致的间距变量。

1px solid rgba(17, 17, 17, 0.12)

0px 1px 5px rgba(0, 0, 0, 0.15) · 0px 2px 8px rgba(0, 0, 0, 0.06)

12栏网格布局，具有宽大的间距和最大宽度容器。

交互元素上平滑的 color 和 opacity 过渡。 · hero 图形上精细的线条绘制动画。

交互元素上的 color 和 opacity 变化。 · 标准指针光标，提供即时反馈。

• button 主要按钮为药丸形状，采用深色背景和白色文字；次要按钮为描边或浅色样式。
• card 大圆角卡片，带有微妙渐变和高对比度文字。
• chip 在截图中未发现。
• input 在截图中未发现。
• hero 全宽 hero 区域，包含超大标题、副标题和两个主要操作按钮，叠加在复杂的插图背景之上。

• 语气 专业、技术性和权威性。
• 标题风格 大号、粗体、直接陈述。
• 按钮文案 行动导向且清晰（例如：'开始构建'）。

• 不要使用亮红色作为主色——截图显示的是深蓝和青色配色方案。
• 不要使用高度装饰性的衬线字体——截图显示的是简洁的几何无衬线字体。
• 不要使用尖角按钮——截图显示的是药丸形状（border-radius: 999px）的按钮。
• 不要使用纤细、轻盈的字体制作标题——截图显示的是中等字重（500）的标题。
• 不要为 hero 区域使用纯白背景——截图显示的是带有插图的复杂蓝色渐变背景。
• 不要为正文使用标准灰色——截图显示的是非常深的墨色（#111111）。
• 避免: 行业术语
• 避免: 俏皮语言
• 避免: 被动语态

历史提取与模型分析 · 尚未逐项校验