Как красиво верстать такое (без дублирования кода)?
На все вопросы один ответ - блок__элемент--модификаторПолная документация БЭМКраткая статья на тему
Перекрывающий класс описываете и подключаете поверх базового когда необходимо
делов то).mybox{ display:inline-block; color:#EEE; margin:20px;padding:20px}
.mybox.red{  color:#E22;}
Пишем стиль <div class="mybox red">Как-то так!</div>