
Audited the interface to spot duplicate elements and inconsistencies in colors, typography, grids, and icons. Below is a screen with the old design.

Created design tokens: color palette (brand and functional), typography hierarchy, spacing and corner rules, and a consistent icon style.

Built atomic elements (buttons, inputs, toggles) and complex patterns (cards, tables, modals) with clear states and variations.

Implemented light/dark mode via tokens and defined rules for desktop and mobile.
Prepared guidelines in Figma with usage rules, examples, and structure. This reduced handoff time and improved UI consistency.
