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