Bungalow Design System2022

Bungalow was Doma's shared design system, built on React, TypeScript, and Material UI. The goal was to make UI implementation more declarative and consistent: instead of hardcoding pixel values, engineers used semantic tokens like 'small' or 'large' that mapped to predefined spacing and typography scales. This kept designs accurate and visually consistent across products without relying on engineers to remember or interpret design specs manually.

The team held a week-long onsite to plan the system architecture, component scope, and API design together — a focused and productive experience that set a strong foundation for the work that followed. I collaborated on component development and contributed to the more complex TypeScript work when needed, helping ensure the component APIs were strongly typed and ergonomic to use.

My primary focus was leading the Storybook implementation, which served as the documentation layer and developer interface for the system. Planning how to make the full range of component capabilities discoverable and approachable for other engineers took real thought and coordination. Bungalow was adopted across DomaClose and at least one other internal product before Doma wound down.