https://tpverstak.ru/common-css-class-names/
https://github.com/yoksel/common-words
https://habr.com/ru/post/303174/
Совмещайте с БЭМ
.regular-text – обычный текст
.regular-text_inverted – на темном фоне
Если фоны могут быть произвольные, имеет смысл сделать отдельные классы-помощники
.regular-text.bg-black
.regular-text.bg-reg
Слайдер можно так и обозвать – .slider
Если есть еще один – назовите его .carousel
Что показывает слайдер?
Картинки из галереи – .gallery-slider
Карточки с новостями – .news-slider
И т.д. Помним, что помимо .slider можем использовать .carousel и без лишних заморочек имеем возможность именовать два разных слайдера с новостями. Хотя обычно он один.
Еще кейс: у вас несколько разных слайдеров, функционально они одинаковые, но сами слайды отличаются. Обзываем из все просто .slider, а слайдам даем отдельные названия. .slide-news, .slide-image и т.п.
Фантазируйте.