Back to Library
P

Plaid

Plaid Inc

Visit Website

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

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

Color Palette

primary
secondary
accent
background
surface
text
muted
border

Typography

Heading FontInter, system-ui, sans-serif
Body FontInter, system-ui, sans-serif
Base Size16px
Line Height1.5
Weights400, 500, 600, 700

Heading Scale

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.

Frequently Asked Questions

What is Plaid's design style?

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

What is Plaid's primary color?

Plaid uses #111111 as primary color, #FFFFFF for background, and #111111 for text.

What fonts does Plaid use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use Plaid design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Plaid's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems