返回设计库
P

Plaid

Plaid Inc

访问网站

金融数据API平台。渐变绿色品牌,开发者文档,金融数据可视化

黑白+绿金融数据API平台开发者文档渐变动效

配色方案

primary
secondary
accent
background
surface
text
muted
border

字体规范

标题字体Inter, system-ui, sans-serif
正文字体Inter, system-ui, sans-serif
基础字号16px
行高1.5
字重400, 500, 600, 700

标题层级

h1Plaid Heading
h2Plaid Heading
h3Plaid Heading
h4Plaid Heading

DESIGN.md

# Plaid Design System

## Visual Theme & Atmosphere
金融数据API平台。渐变绿色品牌,开发者文档,金融数据可视化

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #111111 | Brand color |
| Secondary | #00DC82 | Hover/secondary |
| Background | #FFFFFF | Main canvas |
| Surface | #F5F5F7 | Cards, panels |
| Text | #111111 | Primary text |
| Muted | #6B7280 | Secondary text |
| Border | #E5E7EB | Dividers |

## Typography Rules
- **Heading Font**: Inter, system-ui, sans-serif
- **Body Font**: Inter, system-ui, sans-serif
- **Mono Font**: JetBrains Mono, monospace
- **Base Size**: 16px
- **Line Height**: 1.5
- **Weights**: 400, 500, 600, 700

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use Plaid's design language: 金融数据API平台.
Primary color #111111 on #FFFFFF background.
Typography: Inter.

常见问题

Plaid 的设计风格是什么?

金融数据API平台。渐变绿色品牌,开发者文档,金融数据可视化

Plaid 使用什么主色调?

Plaid 的主色调是 #111111,背景色为 #FFFFFF,文本色为 #111111。

Plaid 使用什么字体?

标题字体: Inter, system-ui, sans-serif。正文字体: Inter, system-ui, sans-serif。基础字号: 16px。

如何在项目中使用 Plaid 设计系统?

点击上方 DESIGN.md 代码块中的复制按钮,将完整设计规范复制到你的项目中。AI Coding 工具(如 Cursor)可以直接读取 DESIGN.md 来生成符合 Plaid 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统,为你的 AI Coding 项目提供设计灵感。

查看全部设计系统