Building a Scalable Design System

Before redesigning individual workflows, I established a scalable design system that would become the foundation for the entire platform. The goal was to create consistency, improve collaboration with developers, and enable the product to scale as new features were introduced.


Typography

To support information-heavy workflows, I standardized typography into reusable text styles that improved readability, consistency, and developer handoff.

SELAWIK Aa — the Selawik typeface sample in the OneStop blue
  1. Consistent type scale

    A predictable typography system across all screens.

  2. Clear heading hierarchy

    Standardized heading levels for faster scanning.

  3. Optimized for readability

    Improved legibility for information-heavy interfaces.

  4. Reusable text styles

    Shared styles for consistent implementation.

Typography — type scale sheet