Turning the design route into a real workshop

The old design page had become a long museum hallway. I rebuilt it into a component workshop so design review could happen closer to the actual product: real viewports, real states, and a faster way to compare decisions.

The design page had become useful in the way a giant folder of screenshots is useful. You could look around, but you could not really test the thing.

I wanted it to feel more like a workshop than a reference wall. Each component now has space to be inspected on its own: different states, different screen sizes, and enough controls to answer "what happens if..." without opening the app in three tabs.

The biggest design value is honesty. A mobile component should be seen at a real mobile width, not inside a narrow desktop box. A card should be shown with awkward data, empty images, long labels, and the little states that usually cause the most damage when nobody checks them.

I also brought accessibility closer to the design process. Instead of treating it like a separate audit after the fact, the workshop gives quick feedback while the component is still being shaped.

The result is less glamorous than a polished design system page, but more useful. It gives the team a place to tune the product's small pieces before those pieces become bigger inconsistencies.