Цветовая палитра в духе Calendly
Палитра в духе Calendly - спокойный, функциональный вид инструмента планирования: светлый нейтральный фон, один уверенный синий основной цвет для выбранного времени и минимум декора.
Посмотрите, как палитра в духе Calendly выглядит в реальном, живом интерфейсе ниже - не на плоском свотче. Переключитесь на «Ваша палитра», чтобы увидеть свои цвета в том же интерфейсе.
Как выглядит палитра в духе Calendly?
Инструменты планирования - узкая, ориентированная на задачу категория: весь интерфейс существует, чтобы помочь человеку выбрать дату и слот времени с минимальным трением. Это подталкивает палитру к сдержанности: светлый нейтральный фон, один явный основной цвет, зарезервированный для выбранной даты и доступных слотов времени, и почти ничего другого, отвлекающего внимание.
Этот мокап - месячный календарь рядом со списком доступных слотов времени - заимствует этот спокойный, узкоцелевой подход, чтобы показать, как палитра работает в небольшом, максимально функциональном служебном интерфейсе. Это оригинальный макет в этом духе, а не копия реальной дизайн-системы какого-либо конкретного продукта планирования.
Ключевые визуальные характеристики
- Светлый нейтральный фон с минимумом декора - фокус на самом календаре
- Один основной цвет для выбранной даты и доступных слотов времени
- Чистый сеточный вид месячного календаря
- Простой список кнопок-слотов времени рядом с календарём
- Приглушённый, малоконтрастный стиль для недоступных дат и прошедших дней
Цветовые характеристики
- Светлая нейтральная база, чтобы сетка календаря легко считывалась
- Один уверенный синий (или столь же спокойный) основной цвет, зарезервированный для выбора и доступности
- Малоконтрастные серые для отключённых или недоступных дат, чётко отличимые от активных
Типографика
- Простой, легко читаемый шрифт без засечек для дат, названий дней и слотов времени
- Дополнительная чёткость для цифрового текста, так как даты и время - весь смысл интерфейса
- Минимальное использование жирного начертания, зарезервированного для выбранной даты и подтверждённого времени
UI-паттерны
- Сетка месячного вида календаря как основной элемент макета
- Вертикальный список кнопок доступных слотов времени рядом с календарём
- Явно выделенное «выбранное» состояние для выбранной даты и времени
- Простой шаг подтверждения после выбора слота времени
Частые вопросы
Какие цвета обычно используются в интерфейсе в духе Calendly?
Светлый нейтральный фон, один уверенный синий (или столь же спокойный) основной цвет, зарезервированный для выбранной даты и доступных слотов времени, и очень мало другого декора.
Это официальные цвета бренда Calendly?
Нет - это оригинальный макет, вдохновлённый общим видом инструментов планирования и бронирования вроде Calendly, а не копия его официальной цветовой палитры или защищённого товарным знаком дизайна.
Почему инструменты планирования используют такую сдержанную цветовую палитру?
Весь интерфейс существует, чтобы помочь человеку выбрать дату и время с минимальным трением, поэтому лишний цвет был бы просто визуальным шумом, конкурирующим с единственным решением, которое человеку реально нужно принять.
Можно ли посмотреть свои цвета в этом интерфейсе в духе Calendly, а не только палитру по умолчанию?
Да - переключите тумблер «Ваша палитра» над предпросмотром, чтобы увидеть свои текущие цвета в живом интерфейсе в духе Calendly вместо цветов по умолчанию.