Nikita
c26a2cd7e4
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BCrwHHnGCB5XH968Nxokqw
81 lines
6.4 KiB
Markdown
81 lines
6.4 KiB
Markdown
# 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.
|