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