FintechProduction-ready / Private
Finlens
Clear financial signals, precise data displays and a consistent language for complex decisions.
From structure to implementation
The work behind
a working system.
I connect the screen structure, visual foundations and interaction details into a reference the team can build with.
Wireframes & flows
I map the key tasks, screen structure and navigation before refining the interface. Wireframes make the flow easier to review and test.
Foundations & tokens
Typography, spacing and semantic color roles give every screen a shared visual language. Tokens make those decisions reusable.
Components & states
Buttons, inputs and navigation include focus, hover, loading, error and disabled states, so the system supports the complete interaction.
Developer handoff
Annotated designs, usage guidance, component references and example screens explain what to build and how the pieces work together.
Explore the work behind the interface
The libraries.
Explore a design system, from foundations to handoff.
Explore an example screen to see the system in context.
6 libraries to explore
Production-ready design systems
Private company systems, presented to show my design process and developer handoff. Finlens and Atsly are not open source.
Career tech / Native mobileProduction-ready / Private
Atsly
An atomic mobile library covering reusable components, interactive states and Compose and SwiftUI handoff references.
Design systems inspired by established products
Independent, non-commercial studies inspired by Clay, Cohere, Notion and Shopify. These are portfolio handoff studies, not official company libraries or systems licensed for production use.
B2B SaaSInspired portfolio study
Clay
Warm foundations, expressive color and reusable patterns for a data-rich product.
Enterprise AIInspired portfolio study
Cohere
Editorial typography and structured components for an enterprise AI experience.
ProductivityInspired portfolio study
Notion
A calm workspace language, from everyday controls to connected product layouts.
CommerceInspired portfolio study
Shopify
Commerce foundations that connect expressive storefronts with dependable product components.
What I bring to the handoff
Every detail.
Connected.
A useful system explains how to build with it. Here’s what to look for as you explore.
01
Foundations
Colors, typography, spacing and reusable tokens that give every screen a consistent starting point.
02
Components & states
Reusable controls, interaction states and usage guidance that make design decisions explicit.
03
Code & context
Implementation examples and working screens that connect the component to the product experience.