As design lead, I built and launched our first design system—22 components, new typography, color tokens, icons, and illustrations—in just 1.5 months.

Acomplishments

As design lead, I built and launched our first design system—22 components, new typography, color tokens, icons, and illustrations—in just 1.5 months.

Acomplishments

As design lead, I built and launched our first design system—22 components, new typography, color tokens, icons, and illustrations—in just 1.5 months.

1.5

Month of Design

1.5M

Design Work

22

Components

22

Components

87

NPS in June

87

NPS in June

Problem & Solution

Marketing initiated a brand refresh, requiring the platform UI to align with the new branding. With no maintained UI storybook and many legacy components, the update posed both visual and structural challenges.

Problem & Solution

Marketing initiated a brand refresh, requiring the platform UI to align with the new branding. With no maintained UI storybook and many legacy components, the update posed both visual and structural challenges.

Problem & Solution

Marketing initiated a brand refresh, requiring the platform UI to align with the new branding. With no maintained UI storybook and many legacy components, the update posed both visual and structural challenges.

Typography

Typography and color were the first elements to go live on the website. The newly adopted Red Hat Display and vibrant green palette gave the brand a more modern, digital-native feel—reflecting our vision of bridging TradFi and next-gen tech. To improve dashboard readability, the team also introduced Hansen Grotesk for data-heavy content.

Color

Our design system uses semantic colors to ensure consistent meaning and clarity across all components and interactions.

Components

In Phase 1, we launched 22 components designed to cover existing use cases across our 96-page platform.

Assets

To ensure scalability and visual consistency, the team customized imagery using ready-to-use assets from IconScout and adopted the open-source Google Material 3 icon set.

Kudos to Altri K. Rozaq for his brilliant work.

Portfolio

StraitsX Dashboard

StraitsX Design System

Binance Earn App

Connect