Проще всего исходить из того, что все элементы - это "абсолютно независимые блоки" (my-article, my-title, my-description, ...). При этом, если блок А (например, my-title) в контексте блока Б (например, my-article) нужно как-то дополнительно стилизовать, то ему добавляется класс "элемента блока Б" (например, my-article-title).
При этом имена должны соответствовать семантике. Например, у вас может быть блок my-image, который выводит картинку. Но в контексте my-profile у вас может быть много разных картинок, поэтому нужно давать им соответствующие имена: my-profile-photo, my-profile-avatar и тд.
<div class="my-profile">
<div class="my-image my-profile-photo" />
<div class="my-image my-profile-avatar" />
</div>