Hmmm. I think you may be solving a problem in a way that encourages bad design and messes with the separation on html and css. If I had an acronym it would be SCOM for Semantic, Classless, Orderly and Minimal. As soon as you introduce classes, you’ve broken separation and discouraged the proper use of semantic html. Clean design seeks to minimize the number of different design elements, and therefore the amount of css you need. And if you want it easy to read, keep it simple and orderly.