Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Plaid
FintechPlaid creates a sophisticated fintech aesthetic through dramatic blue gradients and line-art money imagery, balancing technical precision with approachable warmth. The design telegraphs financial innovation through its blueprint-like wireframe illustrations and confident typography hierarchy.
Design Identity
Signature Color
Plaid Focus Blue
#0072cf
Financial technology trust and API reliability
Visual Identity
Wireframe line-art illustrations of currency and financial symbols rendered in gradient blues, creating a technical blueprint aesthetic that immediately signals financial infrastructure.
Component Style
Ultra-minimal buttons with 2px border radius and stark contrast - dark backgrounds (#111112) with white text, no shadows or borders. Everything feels intentionally restrained and developer-focused.
Spacing Philosophy
Generous whitespace around hero content creates breathing room, while the left-aligned text block maintains intimate conversation distance. Company logos are tightly spaced in a compact trust bar.
Design Principles
- Border radius never exceeds 2px for sharp, technical precision
- Typography uses extreme contrast - 70px hero headlines against 20px body text
- Gradients flow from deep blue to cyan-green for financial energy
- Line illustrations use single-pixel strokes for technical accuracy
- Buttons use maximum contrast with pure white text on near-black backgrounds
Target Audience
Engineering leaders and product managers at fintech companies who need robust API infrastructure and value technical depth over flashy marketing
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 24px | |
| h1 | 70px | 500 | 78.4px | |
| h2 | 20px | 600 | 22px | |
| h3 | 36px | 800 | 48px | |
| h5 | 22px | 400 | 33px | |
| h6 | 14px | 600 | 20px | |
| p | 20px | 400 | 28px | |
| a | 16px | 400 | 24px | |
| button | 16px | 600 | 16px | |
| input | 16px | 400 | 18.4px |
Color Palette
#111111#f2f2f2#0a85ea#ededed#111112#747677#ffffff#eaeff0#ffe9e8#e1e6e8#dcdcdc#b72743
