Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Credit Suisse
FinanceUBS presents a sophisticated financial institution aesthetic that balances premium gravitas with dynamic market energy. The design merges traditional banking trust signals with contemporary digital visualizations, creating an atmosphere of informed confidence and global financial expertise.
Design Identity
Signature Color
UBS Cardinal Red
#E60000
Swiss precision and premium banking authority - a bold declaration of financial leadership
Visual Identity
Layered translucent overlays on financial data visualizations with high-contrast content cards floating above dynamic market imagery - creating depth through strategic opacity and information hierarchy
Component Style
Clean rectangular buttons with sharp corners and solid fills, minimal border usage, content contained in semi-transparent white cards with subtle shadows that float above complex backgrounds
Spacing Philosophy
Generous whitespace within content cards contrasts with dense, information-rich background layers - creating clear reading zones while maintaining visual complexity that suggests market sophistication
Design Principles
- Primary CTAs use solid red backgrounds with white text at 16px
- Content cards use semi-transparent white backgrounds with subtle shadows
- Typography hierarchy uses Frutiger family with weights from 300-500
- Market data visualizations serve as atmospheric backgrounds, never competing with primary content
- Sharp rectangular geometry throughout - no rounded corners on primary elements
Target Audience
Affluent investors and institutional clients who expect Swiss-level precision combined with cutting-edge market intelligence and global financial sophistication
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 | 16.0016px | 400 | 16.0016px | |
| h1 | 16.0016px | 400 | 16.0016px | |
| h2 | 16.0016px | 400 | 16.0016px | |
| h3 | 24.0024px | 300 | 36.0036px | |
| h4 | 14.0014px | 500 | 20.002px | |
| p | 16.0016px | 400 | 16.0016px | |
| a | 22.0022px | 300 | 26.0026px | |
| button | 16.0016px | 400 | normal | |
| nav | 16.0016px | 400 | 16.0016px | |
| header | 16.0016px | 400 | 16.0016px |
Color Palette
No colors extracted
