Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
OakNorth
FintechOakNorth combines electric neon green geometric abstraction with warm human portraiture to create a distinctly empathetic fintech aesthetic. The bold Aquawax typography commands authority while the asymmetrical green slash graphics inject entrepreneurial energy into an otherwise premium dark foundation.
Design Identity
Signature Color
OakNorth Electric Green
#00d084
entrepreneurial growth and financial opportunity - energizing yet trustworthy
Visual Identity
Dramatic asymmetrical neon green geometric slashes cutting through dark backgrounds, paired with warm human portraits - instantly recognizable entrepreneurial energy meets human connection.
Component Style
Rounded corners with moderate 8px radius, vibrant backgrounds without borders or shadows. Components feel approachable and confident with generous padding and bold color fills rather than outlined treatments.
Spacing Philosophy
Expansive breathing room around hero content with tight internal component spacing. Large-scale typography dominates generous whitespace while UI elements cluster efficiently without feeling cramped.
Design Principles
- Headlines use custom Aquawax typeface at massive 48-56px scales
- Body text stays at readable 15-16px in Manrope
- Geometric elements always use vivid green #00d084
- Dark backgrounds provide dramatic contrast to neon accents
- Human photography balances abstract geometric energy
Target Audience
Mid-market real estate entrepreneurs and commercial business owners who value both financial sophistication and personal relationships in their lending partnerships.
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 | 500 | 56px | |
| h2 | 48px | 500 | 48px | |
| h4 | 34px | 500 | 34px | |
| h5 | 17px | 500 | 20.4px | |
| p | 15px | 400 | 26px | |
| a | 18px | 500 | 28px | |
| button | 16px | 400 | 26px | |
| nav | 16px | 400 | 26px | |
| header | 16px | 400 | 24px |
Color Palette
#000000#abb8c3#ffffff#f78da7#cf2e2e#ff6900#fcb900#7bdcb5#00d084#8ed1fc#0693e3#9b51e0
