Некоторые подходы к созданию отступов в современных веб-проектах:

1. Типометрическая система. 1 Принцип получения таблицы отступов базируется на типометрии и размере шрифта. 1 Отправной точкой служит размер шрифта основного текста, от него и считают отступ. 1
2. Пространственная система. 14 Общий размер контентной части сайта или приложения делят на равные кратные клетки, которые принимают за «единицу объёма». 1 Затем строят отступы по количеству этих единиц. 1 Например, маленький отступ между малым заголовком и текстом состоит из 1 единицы, равной, допустим, 10px, а для отступов крупных блоков 3 единицы — значит 30px и так далее. 1
3. Система вертикальных отступов. 2 Все элементы страницы группируются в блоки, которые выстраиваются по правилам, придуманным дизайнером. 2 Условно вертикальные отступы делят по уровням: первый уровень — самый невысокий отступ, например, его ставят между заголовком h4 и параграфом или иллюстрацией и подписью. 2 Отступ второго уровня отбивает два таких блока и так далее. 2

Выбор подхода зависит от конкретных задач и предпочтений дизайнера.