Гольф CSS шаблоны

Настраиваемые CSS-шаблоны для гольф-клубов и полей

CSS-шаблоны для гольфа задают внешний вид повторяющихся элементов сайта — от слота времени старта до тарифных планов членства. Шкала шрифтов, отступы и палитра уже настроены и гармонично сочетаются между собой. Границы, фоны и состояния кнопок также заранее определены и готовы к адаптации под стиль вашего клуба.

Классы слотов бронирования с модификаторами состояния

Каждый элемент интерфейса получает собственные правила оформления, а шаблон поддерживает их единообразие:

• Слоты ти-таймов используют один базовый класс, а модификаторы приглушают занятый слот, выделяют контуром свободный и заливают выбранный акцентным цветом.
• Главный тарифный план членства получает более толстую рамку, тонированный фон и более заметную кнопку.
• Строки турнирной таблицы чередуют оттенки или разделяются тонкими линиями, при этом дата отображается более жирным начертанием, чем формат игры.
• Карточки уроков используют одинаковые внутренние отступы, радиус скругления углов и размер заголовка, поэтому для новой карточки тренера не требуются дополнительные правила.

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

Перенос плотных рядов на узких брейкпоинтах

Утреннее расписание стартов с интервалом в восемь или десять минут вмещает десятки слотов в одну строку. На узком экране этот ряд переносится, а минимальная ширина слота с фиксированным шагом определяет, сколько отметок времени помещается в строке. При заданном брейкпоинте блок членства переключается на вертикальное направление flex. Широкие таблицы турниров либо прокручиваются внутри собственного контейнера, либо сжимают каждую строку в компактный блок.

Размеры отступов могут различаться в зависимости от компонента: плотные слоты стартового времени, средние интервалы между карточками и максимальное пространство вокруг баннеров гольф-поля. Режимы адаптивности Nicepage позволяют настраивать отступы, порядок стека и выравнивание для каждого устройства без написания media queries.

Контрастность на фоне фотографий фервея

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

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

Цвета темы Nicepage распространяют цветовую гамму на весь интерфейс, а Custom CSS берет на себя локальные исключения, такие как временный спонсорский баннер для одного турнира. С гольф-шаблоном CSS комфортно работать, если палитра и типографика меняются централизованно. Его состояния должны оставаться последовательными, а отступы — сохранять функциональность на всех брейкпоинтах.