Основные методы, которые используют для создания иерархии, это – размер, вес, цвет, позиция, контраст сочетание и расстояние

Минимум 14px для текста и 16px для заголовков. Если вы выбрали размер основного текста 14px, он должен быть таким на всей странице. Заголовкам разного уровня задаем стили H1, H2, H3 и так далее, чтобы сохранялась преемственность.

В межстрочном расстоянии должно быть достаточно воздуха. Легкие и воздушные текстовые блоки читаются легче и визуально не перегружают страницу.

Тексты, набранные заглавными буквами усложняют восприятие информации. Исключение –короткие тексты и заголовки в одну-две строки, а также названия кнопок и ссылки.

Если строка слишком длинная, у пользователя возникнут проблемы с переходом на другую строку. Оптимальная длина – 40-60 символов.

При выборе цвета и толщины текста убедитесь, что он хорошо читается. В текстовых блоках, маленьких заголовках, в названиях кнопок и ссылках не используйте слишком тонкие начертания, вроде Thin и Light.

Одной из наиболее важных функций пустого пространства – улучшение восприятия контента. Достаточное количество воздуха на странице поможет расставить  акценты, сделать сайт легким, не перегруженным информацией.

Не бойтесь добавлять больше воздуха между элементами дизайна. Дизайн – это расположение форм, в том числе форм, образованных пустым пространством.

1. Одна контентная часть не должна быть тяжелее другой. Контент не должен заваливаться в одну сторону, не должно оставаться провисающих пустых областей. 

Добиться баланса можно цветом, формой и с помощью равномерного распределения элементов в секции или внутри отдельных блоков.

2. Для создания устойчивой композиции не только внутри отдельной секции, но и на всей странице, ориентируйтесь по воображаемой сетке или направляющим.

Хорошо, когда контент выровнен по одной линии не только по краям страницы, но и внутри неё. Благодаря предполагаемой сетке создается ритм, баланс, размерная и стилистическая связь всех элементов.

3. Заголовок в невысоких секциях создает неустойчивую композицию. Делайте отступ от нижней границы до контента можно больше, чем отступ сверху до заголовка, что бы контент визуально располагался по центру секции.

Видеофон создает динамику и атмосферу на странице. Можно использовать в начальной секции.

Графика и иконки на странице  должны быть качественными и подходить по стилю к остальному контенту.

Чтобы страница была целостной, а информация воспринималась легко, в структуре должен быть ритм и визуальная связь. Добиться этого можно с помощью симметрии и цвета.

1. Первая секция самая высокая. Другие секции, схожие по смыслу и наполнению, одинаковой высоты. Дополнительные или второстепенные секции могут быть меньше и располагаться по странице так, что бы добавлять динамики в симметричную конструкцию. 

2. Схожий по смыслу контент, может быть схож по размерам и форме, например, контент разделенный на пункты: отзывы, преимущества, цифры. Все зависит от изначального замысла: если структура секций отличается, то и размеры могут быть разными.

Анимация – это дополнительный элемент интерактивности. Её можно, но не обязательно использовать.

Не используйте трясущиеся и прыгающие эффекты. Это выглядит не серьезно,дешево и отвлекает. Выбирайте нейтральные, легкие эффекты из семейства Fadein. 

Так же как стиль различных элементов, размерности и шрифты, стиль анимации должен наследоваться от секции к секции. Это один из способов, который может визуально связать похожие по смыслу элементы.