Заголовок по центру и вводный абзац придают разделу четкую структуру перед блоком из четырех карточек тарифов. При непрерывной прокрутке одностраничного сайта такое оформление позволяет блоку служить понятной ключевой точкой с тарифами среди других зон контента — таких как введение, описание возможностей, отзывы или блок контактов. Блок дает сфокусированную информацию о тарифах, не перегружая общее знакомство со страницей.
Планы Старт, Базовый, Средний и Эксперт предлагают четыре наглядных варианта для сравнения. В карточках объединены названия, лимиты использования, примеры цен и кнопки «Купить», поэтому посетители могут оценить каждый вариант в одном месте. План Старт обозначен как Бесплатно, а в остальных карточках используются примеры данных для платных тарифов. Чуть большая высота и легкое затенение карточки Средний привлекают к ней внимание, сохраняя при этом общую четырехколоночную структуру. Поскольку верстка статична, все варианты тарифов остаются на виду по мере движения посетителя по странице, что упрощает беглый просмотр и сравнение без использования дополнительных интерактивных элементов. В результате раздел может гармонично выступать самостоятельным контентным блоком в более длинном одностраничном макете, оставляя развернутые пояснения и навигацию соседним блокам. Якорные ссылки и общее меню настраиваются на уровне всей страницы, а данный блок предоставляет тарифный контент и четкие визуальные границы для такого перехода.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.