Supermemory's dashboard had been built fast. Buttons, cards, inputs, and colors had accumulated across the product, working visually but never named or structured.

I was brought in to create a design system for it: tokens, components, and patterns extracted from what existed and structured for reuse.

I started by auditing the dashboard. Every button, input, card, and color in active use across the product. From there I worked backwards, naming what was already there, defining the underlying logic, and structuring it into a system the team could extend.

The goal wasn't to redesign the dashboard. It was to make the existing decisions repeatable. Every piece of a component points to a token, so the same card holds up in light and dark without a second set of decisions.

Color, typography, and spacing: the three layers everything else is built on. Each ramp has full alpha scales for dark and light surfaces. Type runs on a modular scale with six display sizes and five text sizes. Spacing is built on a 4px base unit and governs every layout decision.

Built on the foundations: buttons, tabs, toggles, checkboxes, form fields, data tables, status badges, and the icon library. Each component has defined states, variants, and tokens, so the team can drop them into any new surface without making fresh decisions.

The system was handed off as a documented foundation: tokens, components, and patterns extracted from the existing dashboard and structured so the team can build from them going forward.