Near the beginning of my tenure at Accela, the design manager and I began work on a pattern library that would eventually be known as the Oxygen Design System. Over the past few years I’ve worked to expand the atoms and molecules of the system, working with our design technologist to implement components on top of PrimeNG, and document and socialize the design system within the organization with Sketch symbols, usage guidelines and an internal example site. In particular, I was the organization’s primary expert on accessibility — writing and teaching principles of universal design and keeping the pattern library up to WCAG standards — and I designed two fundamental parts of the system from scratch — an accessibility-minded isoluminant color ramp system and an enormous (and still growing) catalog of custom iconography. As was inevitable, the team switched to Figma near the end of my stay, and I led the migration for the design system, working out all the component tricks and including documentation right in the system for the rest of the team. I’ve included some embedded Figma files after the gallery to show more details.
