01 · Как сейчас
Текущий production: chevron, длинный заголовок.
Открыть
30 вариантов оформления нижнего блока сайдбара #menu-static-footer и соседних полос (среда, статистика).
Каждый файл — отдельный HTML с моком меню. Кликайте переключатель, чтобы свернуть/развернуть.
Как открыть:
http://127.0.0.1:3000/examples/menu-static-footer/
(запустите CMS-сервер, например npm start).
Прямой file:// может не работать.
Текущий production: chevron, длинный заголовок.
ОткрытьКомпактная капсула с иконкой.
Открыть«Система» и «Дополнительно» в одной полоске.
ОткрытьНижняя «ручка» drawer.
ОткрытьЭмодзи-превью секций в заголовке.
ОткрытьТолько текст-ссылка без рамки.
ОткрытьСвёрнуто видны мини-чипы секций.
ОткрытьФиолетовая полоса — как в production.
ОткрытьЦветные точки статуса по секциям.
ОткрытьКороткое название и badge «3».
ОткрытьЦветная полоса слева, плоский список без рамок.
ОткрытьКарточки с тенью на лавандовом фоне.
ОткрытьОдна строка на секцию, chevron справа (iOS-style).
ОткрытьГруппы «Инфраструктура» и «Интеграции».
ОткрытьСетка 2×N с крупными иконками.
ОткрытьТёмная зона в стиле IDE / терминала.
Открыть«Лист» с закруглением и тенью снизу.
ОткрытьНумерация 01–05 для порядка секций.
ОткрытьВсе секции — чипы в одном потоке.
ОткрытьЕдиный стек: секции + среда + статистика.
ОткрытьWindows-дерево с треугольниками ▶ ▾.
ОткрытьВертикальные линии-направляющие (Obsidian / VS Code).
ОткрытьmacOS Finder: disclosure + иконки папок.
ОткрытьASCII-ветки ├─ └─ в моноширинном стиле.
ОткрытьПлотное дерево — минимум высоты.
ОткрытьЦвет фона и полоса по уровню вложенности.
ОткрытьДерево со статус-точками у секций.
ОткрытьНумерованное оглавление с пунктиром.
ОткрытьТёмное дерево в стиле IDE.
ОткрытьПлавное раскрытие веток + активный узел.
Открыть