Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Tamara
FintechTamara employs a sophisticated lavender-to-deep-purple gradient system that evokes premium fintech luxury with a feminine touch. The dramatic typography contrast between the ultra-bold 110px Degular Display headlines and clean Plus Jakarta Sans body text creates a striking editorial hierarchy that feels both approachable and authoritative.
Design Identity
Signature Color
Tamara Violet
#8800e3
Premium fintech innovation with inclusive femininity - breaking traditional financial service conventions
Visual Identity
The extreme pill-shaped border radius of 128px on buttons combined with lavender gradient overlays creates an unmistakably soft-tech aesthetic that stands apart from typical sharp-cornered fintech interfaces.
Component Style
Ultra-rounded pill buttons (128px radius) with soft lavender gradients, medium-radius cards (28px), and subtle shadows using dark navy (#14142b) at low opacity create a premium but approachable feel - everything curves and flows rather than cutting sharp angles.
Spacing Philosophy
Generous whitespace philosophy with the dramatic 110px headlines creating strong vertical rhythm, while the extreme 128px button radius suggests ample internal padding to maintain proportional pill shapes.
Design Principles
- Button radius always uses 128px for perfect pill shapes
- Headlines exclusively use Degular Display at 900 weight for maximum impact
- Purple gradient spans from #e7c0ff to #8800e3 for consistent brand expression
- Card components use 28px radius for softer rectangles
- Shadow opacity never exceeds 26% (#14142b1a) for subtle depth
Target Audience
Progressive millennial and Gen-Z consumers seeking inclusive financial services that reject traditional banking's cold, masculine aesthetic
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 | 14px | 400 | 24px | |
| h1 | 110px | 900 | 90px | |
| h2 | 60px | 700 | 58px | |
| h3 | 38px | 700 | 34px | |
| h4 | 14px | 600 | 24px | |
| h6 | 24px | 500 | 29px | |
| p | 16px | 400 | 26px | |
| a | 16px | 400 | 26px | |
| nav | 14px | 600 | 24px | |
| footer | 14px | 400 | 24px |
Color Palette
#ffffff#6b6d97#e7c0ff#dae0eb#f5e3ff#5c00ba#8800e3#212442#9600f1#200044#ebeef4#e7e7ff
