Cedar Design System

About Cedar

Cedar is REI’s digital visual language built into accessible UI components, offered as dual Vue-based code and Sketch design assets with full documentation.

Cedar provides design assets for sketch, Vue.js components and the documentation to use them.

The Cedar design system promotes reusability of modular components to spread a more unified and cohesive customer experience across our enterprise of digital product development teams and enable more effective design communication.


The system is made by the core Cedar team & REI digital community, intended for use by all teams making web-based digital experiences.

Cedar has a core team of designers and front-end engineers that are dedicated to developing and supporting the system. There are also plans to incorporate contributions from the greater design and engineering community at REI as the system matures. Both the core Cedar team and individual Product teams will bear some costs of future development, as identified on an ongoing basis.

The Cedar team will be reaching out to individual product teams to discuss adoption strategy, assist with integration, and align roadmaps. Product teams should also feel free to reach out to the Cedar team proactively to discuss any questions, ideas, or share feedback.

In the spirit of creating a collaborative community around the design system, the Cedar team will also host sprint reviews and critiques that will be open to any interested parties, and participating in vertical team meetings for deeper dives into specific topics.

Vision & Goals


The Cedar Design System unifies design and development with a common language and toolset, enabling teams to create and iterate faster while maintaining a cohesive customer experience.


As a future-friendly foundation for REI’s digital portfolio, Cedar is an internal product built to serve REI product teams by enabling them to work faster, more efficiently, and with higher quality. In order to do this, we are focused on the following goals:

  • Systemize the interfaces across the portfolio
  • Enable a consistent customer experience by promoting visual cohesion at scale
  • Reduce costs of duplicative work and allow teams to focus their time on creating great customer experiences
  • Streamline time to market by increasing the speed of prototyping and development
  • Establish shared processes and governance
  • Allow better cross-functional collaboration with a common language and standards