Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Pulley
FintechPulley presents an organic fintech aesthetic that feels like warm earth meeting precision—ivory and sage greens create a naturally sophisticated palette that whispers sustainability and growth. The typography pairing of editorial Nekst headers with functional Inter body text tells a story of human-centered finance that's both approachable and authoritative.
Design Identity
Signature Color
Persimmon Orange
#df6631
energetic growth and accessible action—the spark of financial opportunity
Visual Identity
The warm ivory (#f2ede0) background with sage green accents creates an unmistakable 'natural finance' aesthetic that feels more like a sustainability-focused startup than traditional fintech
Component Style
Buttons appear soft with moderate rounded corners (likely 8-12px), using the signature persimmon orange with confident weight. The ivory background creates a canvas where sage green and orange elements feel organic rather than digital—no harsh shadows, subtle borders that blend rather than contrast.
Spacing Philosophy
Generous breathing room with the ivory background acting as negative space that doesn't feel empty but intentional. The layout feels more magazine-editorial than dense SaaS dashboard, with comfortable gaps that let the warm color palette breathe.
Design Principles
- Headlines use Nekst at 60px/44px for editorial authority
- Body text stays at 16px Inter for functional readability
- Orange (#df6631) reserved only for primary actions and key links
- Ivory (#f2ede0) dominates backgrounds to create warmth
- Sage greens (#616d3b, #9eaa7c) provide natural accent hierarchy
Target Audience
Startup founders and finance teams who value thoughtful design and sustainable business practices over aggressive 'move fast' aesthetics
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 | 60px | 400 | 69px | |
| h2 | 44px | 400 | 49.28px | |
| h3 | 24px | 600 | 33.6px | |
| p | 16px | 500 | 19.84px | |
| a | 18px | 600 | 27px | |
| input | 15px | 500 | normal | |
| nav | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#f2ede0#172111#df6631#dae1b1#273617#e5e1d4#616d3b#f8e4e4#3b0b0b#9eaa7c#eaeed3#b2afa5
