hado/docs/design/handoff

Hado 波動 — design handoff

Сервис напоминаний экосистемы Sekai (世界). Планета № 05. Дизайн-система: Sekai — 和風幻想 (dark only, токены из tokens/colors.css).

Файлы пакета

• hado-inbox.dc.html + support.js — рабочий прототип веб-инбокса (открыть в браузере, файлы держать рядом)
• hado-planet.dc.html — карточка планеты Hado отдельно
• sekai-planets.html — все 5 планет экосистемы, автономный HTML (формат исходного planets.html)
• sekai-template.html — исходный шаблон страницы сервиса (каркас, туманность, сёстры-планеты)
• sekai-nebula.html — исходный компонент туманности
• functional-spec.md — исходное функциональное описание

Планета 05 · HADO 波動

Hado = волна / пульс. Напоминание — сигнал, который уходит и возвращается.

• Градиент тела: radial-gradient(circle at 32% 28%, var(--ruri), #24337F 55%, var(--ink-0) 92%) (瑠璃 ruri — «magic / pulse» → тёмный ruri #24337F; глубокий ультрамарин, чтобы не путать с ледяным Fumi)
• Свечение: 0 0 46px rgba(53,92,214,.4), пульс 2.6s
• Эхо-кольца: 2 расходящихся кольца (byakugun .45 / ruri .5), skEcho 4.2s со сдвигом 2.1s
• Кольца орбит: rotateX(69deg), внешнее пунктирное rotateZ(-8deg)
• Спутники: СИГНАЛ 10px --byakugun (skSpin 13s) + ЭХО 7px --ruri (skSpinBack 30s)
• Мини-версия для навигации: круг 11px, тот же градиент, box-shadow 0 0 8px rgba(53,92,214,.45)

Страница инбокса (по sekai-template, без отступлений)

Слои фона: звёзды (90) → туман → ядро полосы → пылевые разломы → звёзды полосы (170, дуга −14°). Сёстры-планеты (hover — подпись): YUME 17%/7%, MYAKU 26%/right 8%, KIOKU 60%/4.5%, FUMI 64%/right 6%. Своей планеты на странице нет.

Шапка: 波動 (Shippori Mincho 54px --washi) + HADO (Space Mono 13px .5em --nibi) + бейдж-счётчик (мини-планета 11px с пульсом + число --byakugun, пилюля border ruri .55 / bg ruri .14). Счётчик = «Сегодня» + «Просрочено»; при 0 скрыт. Заголовок вкладки: «(N) Hado». Справа: «+ Добавить» (primary) и номер 05. Футер: 波動 HADO · 世界 SEKAI.

Типографика

• UI: Space Grotesk; кандзи/заголовки групп: Shippori Mincho; мета/служебные: Space Mono
• Группы: кандзи 20px + русское имя Space Mono 11px .35em --kasumi + hairline 今日 СЕГОДНЯ · 遅延 ПРОСРОЧЕНО · 近日 ГРЯДЁТ · 予定 ЗАПЛАНИРОВАНО (порядок фиксирован; пустая — «ПУСТО»)

Карточка события

bg rgba(27,33,72,.72), border --hair, radius 12, padding 16/20. Слева плашка срока: --ink-1, border --hair-2, radius 10 — месяц (Mono 9px --nibi), день (Shippori Mincho 24px --washi), время (Mono 10px --byakugun). Заголовок 16px --washi (если есть ссылка в источник — dotted underline, hover --byakugun); подзаголовок 13px --kasumi; служебная строка Mono 11px --nibi: «источник · срок YYYY-MM-DD · относительно» («сегодня», «через 6 дней», «3 дня назад» --kasumi).

Кнопки (принципиально разные):

• «Помню» — ghost: border --hair-2, текст --kasumi, hover --byakugun. Нет в «Запланировано».
• «Сделано» — primary: bg rgba(53,92,214,.22), border --ruri, текст --byakugun, hover bg .4. Подпись задаёт источник («Поздравил», «Оплатил», «Продлил»). Нажатие: кнопка блокируется (opacity .45) до ответа; «Сделано» уносит карточку в архив и уменьшает счётчик.

Архив 書庫

Сворачиваемый блок над настройками, в заголовке счётчик «N закрыто». Строки opacity .75: заголовок --kasumi, источник · срок Mono --nibi, ярлык закрытия — пилюля --fuji (fuji = «quiet magic / decay»: закрытое событие угасает по лайфциклу системы).

Ручное создание («+ Добавить»)

Форма под шапкой (border dashed --hair-2): заголовок*, подзаголовок, срок*, время. Группа определяется датой: прошла → Просрочено, сегодня → Сегодня, ≤30 дней → Грядёт, дальше → Запланировано. Источник: «вручную».

Настройки 設定 (свёрнуты, в заголовке логин)

• Часовой пояс: полный IANA-список (Intl.supportedValuesOf)
• Тихие часы: обязаны переходить через полночь (22:00→09:00 верно, 08:00→22:00 — ошибка --sakura)
• Каналы: Веб (без удаления) / Telegram / Webhook (несколько), «Удалить» — ghost, hover --nadeshiko
• Добавить webhook: адрес доставки* + адрес присутствия*, оба URL http(s)
• Подключить Telegram: одноразовый код «/start XXXXXX», живёт 15 минут

Цветовые правила (60/30/10)

Сумрак ≥60% (фон, карточки, бордеры). Акцент сервиса — холодный полюс (hanada/ruri/byakugun), только кнопки-действия, бейдж, время — ~10%. Ошибки — --sakura (светлый лепесток, читается). Насыщенный --ruri никогда не используется как текст; текст — --washi/--kasumi/--nibi/--byakugun.