Как в верстке правильно называется styleguide и как его делать?

Question

[Evanre]

Встречал несколько раз в сверстанных макетах отдельные html-странички на которых наглядно показаны все сверстанные для данного макета блоки и компоненты. Выведены заголовки с текстами. В общем такой себе styleguide на фронтенде. Пробовал гуглить по запросу "styleguide html" и т.п., выпадают статьи по общему оформлению и написанию самого кода, но ничего не нашел по интересующему меня вопросу.
Подскажите пожалуйста, как правильно называется этот прием и где о нем можно почитать.

Answer 1

[timfcsm]

вот нашёл
и под grunt ещё

Answer 2

[Роман Унт]

Так и называется front-end styleguide. Бывает ещё называют element patterns, но это немного неправильное понятие.

Читать можно тут:
alistapart.com/article/creating-style-guides
https://css-tricks.com/design-systems-building-future/

Стартовый шаблон: brettjankord.com/projects/style-guide-boilerplate

Answer 3

[Максим Гатилин]

Написал о том, как генерировать такой стайлгайд в своем блоге.