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