Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Trade Republic
FintechTrade Republic channels sophisticated minimalism through stark black-and-white photography paired with their custom ultra-heavy Trade Republic Sans Display typeface. The brand feels like a luxury tech product shot for a design magazine - antiseptic precision meets human warmth through the tactile card imagery.
Design Identity
Signature Color
Trade Republic Black
#000000
premium fintech authority and uncompromising clarity
Visual Identity
The signature ultra-heavy 68px/740-weight Trade Republic Sans Display headlines that dominate the layout with almost brutalist typography strength, contrasted against minimal serif body text.
Component Style
Sharp, minimal components with clean geometric edges and no visible shadows or heavy borders - everything feels surgically precise with subtle contrast differences rather than decorative elements.
Spacing Philosophy
Generous whitespace creates breathing room around the dominant typography, with the hero image positioned as a central focal point that balances the heavy text weight.
Design Principles
- Headline typography uses extreme weight (740) at 68px for maximum impact
- Body text defaults to Times serif at 16px for readability contrast
- Buttons use Trade Republic Sans at 16px/600 weight for consistency
- Color palette is strictly monochromatic black and white
- Photography features high-contrast, studio-quality product shots
Target Audience
Design-conscious European millennials who view investing as a lifestyle choice and appreciate premium brand aesthetics over flashy financial promises
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 | 68px | 740 | 68px | |
| p | 68px | 740 | 68px | |
| a | 16px | 400 | 24px | |
| button | 16px | 600 | 24px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#ffffff
