Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Santander
FinanceSantander's identity balances corporate gravitas with accessibility through its signature flame red and professional photography. The dual-font system creates institutional trust while maintaining readability, with bold headlines in SantanderHeadline contrasting against clean SantanderMicroText body copy.
Design Identity
Signature Color
Santander Fire Red
#EC0000
Financial power and institutional confidence with Spanish banking heritage
Visual Identity
High-contrast red blocks anchoring professional corporate photography with executive teams in formal business attire, creating an unmistakable institutional banking presence.
Component Style
Clean rectangular buttons with sharp corners and solid fills, no visible shadows or borders. Typography-heavy approach with generous letter spacing in headlines creates authoritative presence while maintaining approachability.
Spacing Philosophy
Structured corporate spacing with clear content blocks. Large hero sections accommodate executive photography while maintaining readable text hierarchy. Conservative padding reflects traditional banking sensibilities.
Design Principles
- Signature red used sparingly for maximum impact on key CTAs
- Executive photography always features 3-4 professionals in business attire
- Headlines use SantanderHeadline at 30px with 500 weight for authority
- Body text stays at 16px SantanderMicroText for accessibility
- Sharp rectangular components with no border radius
Target Audience
Established business professionals and high-net-worth individuals who prioritize institutional stability and executive-level banking relationships
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 | |
| h2 | 30px | 500 | 43px | |
| h5 | 14px | 500 | 19.6px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 23px | |
| button | 16px | 400 | 23px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
No colors extracted
