Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
PicPay
FintechPicPay's brand radiates approachable Brazilian fintech energy through its vibrant emerald green palette and bold, rounded design language. The Aeonik typeface creates a friendly yet confident voice, while the hero layout combines lifestyle photography with punchy headlines to position banking as joyful and accessible rather than corporate and sterile.
Design Identity
Signature Color
PicPay Green
#38b160
vibrant financial growth and Brazilian optimism - communicating accessible prosperity over traditional banking formality
Visual Identity
Pill-shaped buttons with 100px border radius create an instantly recognizable softness, combined with lifestyle photography of real people celebrating financial moments rather than sterile product shots.
Component Style
Ultra-rounded pill buttons (100px radius) with solid fills, no shadows or borders - everything feels approachable and touch-friendly. The toggle-style navigation buttons maintain the same pill aesthetic, creating a cohesive bubble-like interface language.
Spacing Philosophy
Generous 60px section padding creates breathing room while the left-aligned hero layout leaves substantial whitespace on the right, making the design feel uncluttered and confident rather than cramped.
Design Principles
- Border radius is always 100px for primary elements - never sharp corners
- Typography uses only Aeonik at 700 weight for headlines, 400 for body
- Green dominates as the primary action color with no secondary accent colors
- Section padding maintains consistent 60px rhythm
- Photography shows real people in genuine moments, never stock-feeling scenarios
Target Audience
Young Brazilian professionals and entrepreneurs who want banking to feel like a lifestyle choice rather than a necessary evil - people who value convenience and social connection over traditional financial prestige
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 | |
| h1 | 56px | 700 | 58.8px | |
| h2 | 40px | 700 | 40px | |
| h3 | 24px | 700 | 26.4px | |
| h4 | 18px | 700 | 18px | |
| h5 | 16px | 700 | 16.8px | |
| p | 16px | 700 | 16.8px | |
| a | 16px | 400 | 24px | |
| button | 18px | 700 | 27px | |
| nav | 16px | 400 | 24px |
Color Palette
#38b160#238662#c2d0c0#013e27#000000#131313#333333#666666#999999#cccccc#e6e6e6#f2f2f2
