Темно-синие чернила на холодном мраморе

Calendly воспринимается как спокойное, уверенное рабочее пространство для планирования: почти белый холст с большим пространством для дыхания, четкие белые карточки товаров, парящие на прохладном сером фоне, и вся типография, выполненная темно-синими чернилами, а не чисто черными. Определяющим элементом является темно-синий цвет (#0b3558), используемый везде, где появляется текст — заголовки, кнопки, значки, ссылки — что смягчает весь интерфейс, делая его более теплым и стильным, чем типичная целевая страница SaaS-сервиса. Один яркий синий цвет (#006bff) используется для всех основных действий, а декоративные розовые и голубые пятна, выходящие за макеты товаров, добавляют тепла, не создавая беспорядка. Компоненты остаются сдержанными: тонкие границы 1px, едва заметные тени с синим оттенком, большие радиусы карточек 24px и углы кнопок 8px, которые выглядят продуманными, а не мягкими.

Максимальная ширина 1200px, центрирование, широкие внешние поля на настольных компьютерах. Главный экран разделен на две колонки: левая колонка содержит заголовок 80px + основной текст + расположенные друг над другом кнопки входа, правая колонка содержит карточку виджета бронирования, на фоне которой находятся декоративные элементы. Под главным экраном расположена полоса с логотипом Trust в виде единой полосы во всю ширину. Последующие разделы чередуются между центрированными блоками заголовка (H2 + подтекст + необязательный призыв к действию), за которыми следуют двухколоночные блоки с описанием функций (текст слева/товар справа или товар слева/текст справа) с декоративными акцентными элементами за каждым изображением товара. Карточные сетки встречаются редко — в макете предпочтение отдается парным разделам, расположенным рядом, а не многоколоночным сеткам. Расстояние между разделами составляет 48–64px. Навигация представляет собой 64px фиксированную верхнюю панель с логотипом слева, центрированным меню и группой призывов к действию справа.

Основным визуальным элементом являются скриншоты продукта — лаконичные макеты пользовательского интерфейса календаря бронирования, выполненные на белоснежных карточках с широкими закругленными углами. Декоративное оформление: каждая карточка продукта окружена мягким пятном кораллово-пурпурного (#e55cff) или небесно-голубого (#0099ff) цвета, слегка смещенным и размытым, что создает эффект коллажа, а не плоский скриншот. Никаких фотографий, никаких изображений в стиле лайфстайл — все визуальные элементы представляют собой пользовательский интерфейс продукта, абстрактные акцентные формы или монохромные логотипы партнеров на полосе доверия. Иконки выполнены в линейном стиле с толщиной линии 1,5–2px, монохромные, в темно-синем цвете (Ink Navy) или синем (Signal Blue).