As a software architect, you have engineered and designed a wonderful architecture. The architecture meets functional as well as quality requirements and is now ready to be implemented. One particularly difficult problem you will be facing is to ensure the code written by the developers actually implements the defined architecture. Don’t get me wrong here, we don’t want to blame the developers. Of course they have seen and read the architecture, but still, experience shows that divergence will happen.

Living style guides are a very powerful tool to write clean SCSS code. They simplify the design and implementation of reusable components. On top, you have a very consistent and easy to test style for the web application(s) using the style guide. In fact, a style guide is so easy to develop that I even use one for this simple website. But how do you actually develop a component for a living style guide?