Example8 — блок «🧠 Память»

25 прототипов оформления блока памяти на overview: краткая / архив / таблица. Сравни плотность, кнопки, preview, цвет. Baseline — #01, рекомендация — #24.

Запуск: cd public/examples/ui-variant-8 && python3 -m http.server 8769 → http://localhost:8769 · VISION.md

00 · шортлист

Все варианты шортлиста

12 понравившихся вариантов (#24, #03–#06, #10, #13–#18) на одной странице для быстрого сравнения.

Открыть
24

Production compact

Рекомендуемый: компактные строки, stat справа, без тяжёлых карточек.

Открыть
03

Compact list

Строки вместо карточек — меньше воздуха, chevron справа.

Открыть
04

Stacked panels

Full-width панели друг под другом с цветной полосой слева.

Открыть
05

Icon tiles

Крупные иконки, минимум текста — быстрый scan.

Открыть
06

Stats KPI

Числа крупно — dashboard-стиль, подпись мелко.

Открыть
10

Minimal badges

Только ссылки с badge-stat — ultra minimal.

Открыть
13

Chip bar

Горизонтальные chips — компактно в одну линию.

Открыть
14

Notion rows

Database row — свойство слева, значение справа.

Открыть
15

Sidebar labels

Фиксированные labels слева, контент и stat справа.

Открыть
16

Gradient cards

Мягкий градиент по типу драйвера.

Открыть
17

Clickable card

Вся карточка кликабельна — без отдельной кнопки.

Открыть
18

Chevron only

Строки с chevron — без кнопки «Открыть».

Открыть
01 · не нравится

Classic cards

Как в CMS сейчас: три карточки в grid, кнопка «Открыть» внизу каждой.

Открыть
02 · не нравится

Horizontal row

Три равные колонки в одну строку, фиксированная высота.

Открыть
07 · не нравится

Tabs drivers

Один драйвер на вкладку — меньше шума на экране.

Открыть
08 · не нравится

Accordion

Свёрнуто по умолчанию — раскрываешь только нужный драйвер.

Открыть
09 · не нравится

Summary table

Одна таблица — три строки, клик по строке.

Открыть
11 · не нравится

Column dividers

Три колонки с вертикальными разделителями.

Открыть
12 · не нравится

Preview snippet

Мини-превью содержимого в monospace-блоке.

Открыть
19 · не нравится

Progress fill

Визуальная «заполненность» каждого драйвера.

Открыть
20 · не нравится

Timeline

Вертикальный timeline — три точки памяти.

Открыть
21 · не нравится

Segment one

Segment control — на экране только один драйвер.

Открыть
22 · не нравится

Masonry

Разная высота карточек — архив выше (recent list).

Открыть
23 · не нравится

Mini tree

External как мини-дерево папки _Content/.

Открыть
25 · не нравится

Compare columns

Три колонки рядом — детальное сравнение драйверов.

Открыть