Context
Investmates was a vibe-coded MVP gaining traction with a pilot community—but users dropped off because insights felt buried and the app felt clunky. The founder was ready to scale to similar networks but the current build wouldn't survive it.
We identified 3 areas of focus
Scoped to 3 strategic bets for most impact. Let everything else fester.
Starting with a design system to "Grow"
Our design system was functionally built on the "Grow" metaphor to help scale the product from a vibe-coded prototype to a serious investment tool. Design principles included patient interactions, organic motion, and clarity over decoration.
TYPOGRAPHY
Space Grotesk + Space Mono
Pairing Space Mono for numbers with Space Grotesk for body copy to clearly separate data from narrative. The contrast reinforces precision in metrics while keeping reading effortless and human.
COLORS
Semantic Tokens
Our primary represents growth, stability, and trust not conflating with success and failure colors. Our detailed design system encoded different assets types to ensure glanceability
BUTTONS AND TAGS
Contextual usage
Apart from error and alert states, our CTAs were grounded on the overall screen composition, accentuating the brand colors when needed and the primary action at other points in time.
Tags
Serving as status indicators Tags helped draw attention to quick state updates which improved scanability.
TYPOGRAPHY
Space Grotesk + Space Mono
Pairing Space Mono for numbers with Space Grotesk for body copy to clearly separate data from narrative. The contrast reinforces precision in metrics while keeping reading effortless and human.
COLORS
Semantic Tokens
Our primary represents growth, stability, and trust not conflating with success and failure colors. Our detailed design system encoded different assets types to ensure glanceability
BUTTONS AND TAGS
Contextual usage
Apart from error and alert states, our CTAs were grounded on the overall screen composition, accentuating the brand colors when needed and the primary action at other points in time.
Tags
Serving as status indicators Tags helped draw attention to quick state updates which improved scanability.
Polish as a strategy than a phase:
Signaling, this app was built with care. We'll protect your most sensitive information with the same attention to detail.
Signaling this app was built with care. We'll protect your most sensitive information with the same attention to detail.
Explore first. Link when ready. See the value before handing over the keys.
Users shouldn't have to hand over credentials to understand what they're getting.
Personalization that actually starts at onboarding—not after
Indexing on relevance and context to cut through overwhelm.
Let AI make sense of the messy data
Actionable insights that guide, not overwhelm.
