Design System Backstage
Design systems are my major. Here is a small part as an example. This is a fairly large, flexible, and field tested design system. Below are a dozen components as a sample (there are over 50 in total).
I absolutely love it when a system works like a clock, stays lightweight, but still has massive capabilities. And really enjoyed making my own mockups using this design system. And my fellow designers and developers enjoyed it even more. At least two big projects that were both technically and commercially successful launched solely because this system existed. And I managed to do all this while preserving some legacy from the previous Angular based development.
Workspace
These are just screenshots from Figma, as an example of organization. Semantics, tokens, palettes, hierarchy. In a word, my take on order.









Documented showcase and sandbox
Detailed demonstration and explanation of component states and how they work.
Accordion

Autocomplete (Multiselect)

Badge

Button

Brand bar

Checkbox

Color picker

Divider

Group buttons

Input

Message

Notification

Sidebar

Switch

Tab



Table


Tag

Toggle

Toolbar


Tooltip

Tree

Foundation elements
Typography, spacers, shadows, icons, layouts, ect.





