Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
American Express
FintechAmerican Express embodies institutional financial authority through its signature blue and clean Helvetica typography, creating an atmosphere of unwavering trust and premium service. The design radiates corporate confidence with generous whitespace and minimal visual flourishes, emphasizing substance over style.
Design Identity
Signature Color
Amex Blue
#006FCF
established financial trust and institutional reliability
Visual Identity
Expansive whitespace with minimal content density - the brand uses space as a luxury signal, creating an almost zen-like digital environment that feels premium through restraint.
Component Style
Clean rectangular elements with subtle rounded corners (4-6px), relying on minimal borders and generous padding rather than shadows or heavy visual effects - everything feels authoritative yet approachable.
Spacing Philosophy
Abundant whitespace creates a sense of premium exclusivity - large 48-64px gaps between sections with consistent 16-24px internal padding that never feels cramped.
Design Principles
- Typography uses only Helvetica Neue at 13px (headings) and 15px (body) with 600/400 weights
- Line heights maintain consistent 1.47 ratio (22px for 15px text)
- Blue accent color is used sparingly for maximum impact
- Whitespace ratios favor breathing room over content density
- Interactive elements use subtle visual cues rather than heavy styling
Target Audience
Affluent professionals and business executives who value established financial institutions over fintech startups
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 | 15px | 400 | 22px | |
| h2 | 13px | 600 | 18px | |
| p | 15px | 400 | 22px | |
| a | 15px | 400 | 22px | |
| input | 15px | 400 | 22px | |
| header | 15px | 400 | 22px | |
| footer | 15px | 400 | 21.8501px |
Color Palette
No colors extracted
