# Графический редактор Lunacy

- **Источник (разметка):** `src/pages/cases/lunacy.html` → после сборки `public/cases/lunacy.html`
- **eyebrow:** Icons8 · desktop
- **meta description:** Кейс: работа над интерфейсом Lunacy в Icons8 — сценарии, итерации UI и скриншоты процесса.

**Заметка по путям к медиа:** ниже пути от корня сгенерированного сайта (`public/`), папка `assets/lunacy/`. Картинки подгружаются последовательно (`data-case-sequential-images` + `data-src`); `cover.webp` на странице кейса не используется (только обложка карточки на главной).

## Оглавление секций

1. **Ввод** — роль в Icons8, ссылка на продукт.
2. **Обзор** — `Lunacy_app_overview.webp`.
3. **Blob на холсте** — `blob_settings_on_canvas.webp`.
4. **Компоненты и сравнение** — `compare_components_modal_window`, `components_update_indicator_location_panel`.
5. **Прототип в панели** — `modal_window_for_prototype_create_on_canvas`, `modal_window_for_prototype_panel_states`.
6. **Shadow Pro** — `shadow_pro_settings_panel`, `shadow_pro_settings_ideas`, модалки auto on/off.
7. **Панель blob: версии v1–v9** — сетка 3 колонки по ширине контента, файлы `blob_settings_panel_v1` … `v9`.
8. **Слайдер: версии** — сетка 4 колонки: `slider_v1` … `v13`, `slider_14`, `v15` … `v18`.
9. **Слайдеры: общий кадр** — `sliders_all_set.webp`.

## Ввод

Работа над интерфейсом Lunacy: user flow, прототипы, доработка функциональности и визуальной логики. Продукт: [icons8.com/lunacy](https://icons8.com/lunacy).

## Обзор

Экран-обзор приложения — отправная точка для материалов кейса.

## Blob на холсте

Сценарий настроек blob в контексте холста; далее в HTML — серия версий панели v1–v9.

## Компоненты и сравнение

Модальное сравнение компонентов и индикатор обновлений в панели.

## Прототип в панели

Создание прототипа на холсте и состояния панели для режима прототипа.

## Shadow Pro

Панель, идеи и модалки с вариантами авто-настройки.

## Панель blob: версии v1–v9

Девять итераций в одной сетке (три колонки на широком экране); клик по ячейке открывает полноэкранный просмотр.

## Слайдер: версии v1–v18 и кадр 14

Порядок по именам файлов; `slider_14` без суффикса `v` стоит между v13 и v15. Сетка на странице — четыре колонки по ширине контента.

## Слайдеры: общий кадр

Сводный экран `sliders_all_set` после ряда по версиям.

---

*Блоки «Контакты» и футер на странице кейса совпадают с главной — см. `texts/main.md`.*