HOURLINE — платформа онлайн-записи, которую мы спроектировали и собрали как концепт на примере вымышленного бизнеса: Maison Hourline, три премиальные студии в Москве, Дубае и Лондоне и девять мастеров — массаж, уход за лицом, волосы, ногти и физиотерапия. Переключатель в верхней панели показывает обе стороны продукта: страницу записи, которую видит гость, и бэк-офис, в котором работает студия.

Задачу мы поставили себе сами: запись с телефона должна занимать секунды, свободное время — быть настоящим, а не нарисованной сеткой, а студия — видеть каждую запись в ту же минуту, когда её сделали. Всё работает в браузере посетителя: демо-данные создаются для каждого посетителя, хранятся в localStorage и никуда не отправляются.

Гость проходит путь «студия → услуга → мастер → лента дат и сетка времени → имя и телефон → подтверждение». Каждая студия показывает своё местное время и то, открыта ли она сейчас. Подсказки предлагают ближайшее время, «ваше обычное» время, выученное по прошлым визитам, и время у привычного мастера; режим «с подругой или другом» ищет двух мастеров, свободных в одно и то же время. Подтверждение — карта в духе Wallet и настоящий файл .ics, созданный в браузере; визит можно перенести, перетащив его по дню мастера, или отменить по правилам студии.

За каждым предложенным временем стоит один движок доступности: рабочие часы и перерывы каждого мастера, существующие записи, буфер на подготовку после каждого визита, минимальное время до записи и горизонт записи — всё в часовом поясе самой студии, включая перевод часов в Лондоне. Календарь студии работает на том же движке: день и неделя, перенос перетаскиванием, изменение длительности за нижний край, создание записи кликом; если перенос нарушает правило, блок с тряской возвращается на место и объясняет причину.

В студийной части есть то, что мы называем демо-ИИ, и на странице оно так и подписано: правила плюс статистика в браузере. Это риск неявки для каждого предстоящего визита — наивный байесовский классификатор, обученный прямо в браузере на истории самой песочницы, с объяснением факторов и предложенным действием, — и «заполнить окна»: свободное время в расписании сопоставляется с имитацией листа ожидания. Картину дополняют дашборд с тепловой картой загрузки, база клиентов с метками и историей и настройки, которые сразу доходят до страницы записи. Без фреймворка: чистые JavaScript и CSS, собранные esbuild, два шрифта на своём сервере, Cormorant и Manrope, кремово-каменная палитра с баклажановым акцентом.

Концепт работает по адресу /demos/hourline/: семь видов — два у гостя и пять у студии, на английском и русском. 28 сентября 2026 года мы сами измерили его в Chrome в headless-режиме на MacBook, заморозив часы демо на 1 октября 2026 года, 15:40: запись по сценарию на экране телефона шириной 390 px с паузой 0,9 с после каждого касания заняла 6 с от первого касания до подтверждения по собственному секундомеру демо (медиана 14 прогонов, от 6 до 16 с). Запись, сделанная в одной вкладке, появилась в календаре студии, открытом во второй.

Независимая проверка перебором заново проверила все 658 вариантов времени, которые движок предложил на десять дней в трёх студиях по девяти услугам, — по часам, перерывам, записям с буферами, минимальному времени до записи и обратному пересчёту часового пояса: ни одного неверного слота, ни одной двойной записи, ни одного нарушенного буфера; та же проверка через перевод часов в Лондоне 25 октября тоже ничего не нашла. Весь JavaScript и CSS вместе весят 95 КБ в gzip. На живом адресе Lighthouse 13.5 (по пять прогонов на устройство, медианы, на MacBook с load average 3–9) дал производительность 94 на телефоне и 100 на компьютере, доступность и рекомендации — 100, а страница передаёт 0,2 МБ.