# 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.