Looks almost right. This is quite close to what I keep in mind. At the end of the day let's creating html tags but as semantic shape visually. I don't think I would include spacing stuff like width/height margin/padding. Just plain visual utilities .. that can be composed in different ways to form a new type .. like ML style type. Hard to explain, just assume I'm shit talking.