Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Scalable Capital

Fintech

Scalable Capital embodies premium fintech minimalism through its striking teal signature color and dramatic dark aesthetic. The brand balances massive 96px hero typography with intimate lifestyle photography, creating a confident yet approachable investment platform that feels both aspirational and accessible.

(0)
0
Visit Website
Screenshot of Scalable Capital website

Design Identity

Signature Color

Scalable Teal

#00B5A5

Premium fintech trust with a modern edge - sophisticated enough for serious investors yet refreshing against traditional banking blues

Visual Identity

The dramatic contrast between massive white typography on dark backgrounds paired with warm, intimate lifestyle photography creates an unmistakable premium fintech aesthetic that balances ambition with comfort.

Component Style

Buttons feature generous rounded corners (approximately 8px) with the signature teal fill and clean white text. No shadows or borders - components rely on solid color fills and ample padding for impact. Everything feels substantial yet approachable.

Spacing Philosophy

Luxurious whitespace with dramatic asymmetrical layouts - large blocks of negative space on the left balance dense content areas, while generous padding around buttons (16px vertical, 32px horizontal) creates premium touchpoints.

Design Principles

  • Typography scales dramatically: 96px headlines to 16px body text
  • Teal accent color is used sparingly for maximum impact
  • Dark backgrounds (near-black) provide premium context
  • Button radius stays consistent at 8px across all components
  • Photography always shows real people in comfortable, aspirational settings

Target Audience

Affluent millennials and Gen-X professionals who want sophisticated investment tools without traditional banking stuffiness - people who value both financial growth and life balance

Mood

aspirationalintimatepremiumconfidentapproachablesophisticatedbalanced

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
bodyTeka16px30022.4px
h1Teka40px70048px
h2Teka96px70096px
h3Teka96px70096px
h4Teka20px70024px
pTeka16px70022.4px
aTeka16px30022.4px
buttonTeka16px40022.4px
inputTeka16px40022.4px

Color Palette

#dee2e6
#000000
#dc3545
#d63384
#212529
#ced4da
#e9ecef
#198754
#ffffff
#f8f9fa
#0d6efd

UI Elements

button
input
a
button-primary

Similar Designs

Completely Different Designs

Discussion

Loading comments...