Production flow
Как в CMS: сетка подразделов + единый документ с разделителями между памятью, TOC, таблицей и медиа.
Открыть25 прототипов домена «Навигация» (режим «Все доступные элементы»): сетка подразделов + единый поток документа (краткая память · оглавление архива · таблица · медиа).
Рекомендация: вариант 25 или 01 — близко к production с улучшенной таблицей и медиа.
Запуск: cd public/examples/ui-variant-10 && python3 -m http.server 8771 →
http://localhost:8771
· node generate.mjs
Как в CMS: сетка подразделов + единый документ с разделителями между памятью, TOC, таблицей и медиа.
ОткрытьШирокая колонка документа (960px) — удобно для длинного markdown и таблиц.
ОткрытьУзкая колонка (~620px) и serif-типографика — magazine-стиль чтения.
ОткрытьПодразделы — горизонтальные chips вместо gallery-карточек, документ ниже без изменений.
ОткрытьПодразделы списком строк с chevron — компактнее, больше места документу.
ОткрытьПодразделы сверху, документ в отдельной «плите» с рамкой и тенью.
ОткрытьМежду частями документа — подписи «Память · Архив · Таблица · Медиа».
ОткрытьНумерация блоков документа — визуальный порядок «1 → 2 → 3 → 4».
ОткрытьMarkdown слева, TOC и таблица справа — dashboard-раскладка.
ОткрытьФиксированная боковая колонка с оглавлением архива, основной текст справа.
ОткрытьЧасти документа в accordion — память открыта, остальное свёрнуто.
ОткрытьАрхив — сетка карточек вместо списка ссылок; остальной поток как в production.
ОткрытьТаблица в отдельной карточке с заголовком; markdown и TOC — plain flow.
ОткрытьМедиа — сетка превью с иконками типов файлов.
ОткрытьМягкий градиент фона hub и цветные полосы у подразделов.
ОткрытьПлотная вёрстка: меньше gap, компактные подразделы, мелкий текст документа.
ОткрытьПодразделы — широкие hero-плитки в одну строку с крупным emoji.
ОткрытьBento-сетка: подразделы + превью памяти + мини-таблица в одной композиции.
ОткрытьNotion-подобные блоки: hover-фон, без жёстких разделителей между частями.
ОткрытьВертикальная линия времени слева от блоков документа.
ОткрытьUltra-minimal: без заголовка «Подразделы», тонкие разделители, без карточных теней.
ОткрытьСтеклянные панели document-parts с blur и полупрозрачным фоном.
ОткрытьШапка с select и крошками липкая при скролле; контент hub прокручивается под ней.
ОткрытьОглавление архива — горизонтальные pill-ссылки по группам, не вертикальный список.
ОткрытьРекомендуемый: gallery подразделов + panel-документ + table-card + media thumbs.
Открыть