Dashboard view of the analytics homepage

Alpaca's Design System

Building a scalable visual language for financial infrastructure

Role

UI Designer

Scope

UI foundations, Brand foundations

Timeline

2022

Team

Lead Designer, Front-end Developer

Context
From brand identity to product ecosystem

As Alpaca evolved from a brokerage API startup into financial infrastructure powering investing applications, the brand needed more than a recognizable logo.

It needed a system.

A flexible foundation that could unify:

  • Marketing

  • Developer documentation

  • Product interfaces

  • APIs

  • Partner experiences

The design system transformed Alpaca’s visual identity into a scalable language for both humans and machines.

The Challenge
Designing for two audiences

Alpaca serves two very different worlds:

Developers

Need:

  • clarity

  • documentation

  • technical precision

  • predictable UI patterns

Financial institutions

Need:

  • trust

  • stability

  • professionalism

  • scalability

The goal:

Create a system that feels technical enough for developers while remaining approachable enough to democratize finance.

Final Case Study Statement

Alpaca’s Design System transforms a playful fintech identity into a scalable infrastructure language. By combining technical precision, developer-focused components, and a distinctive visual personality, the system enables Alpaca to communicate consistently across products, platforms, and global financial experiences.

Crafted by Marcel Akiyama, built in Framer

Create a free website with Framer, the website builder loved by startups, designers and agencies.