+ {{ fragment.text }} +
+{{ fragment.detail }}
+ {{ fragment.caption }} +
+ {{ tab.label }}
+
+
+
+
+
+
+
diff --git a/src/components/CaseFolder.vue b/src/components/CaseFolder.vue
new file mode 100644
index 0000000..f2dbb26
--- /dev/null
+++ b/src/components/CaseFolder.vue
@@ -0,0 +1,122 @@
+
+
+
+ {{ label }}
+
+
+ {{ fragment.number }} / {{ fragment.title }}
+
+
+
+ + {{ title }} +
+{{ description }}
+{{ quote }}+
+
+
+
+
+ Событие обработано локально.Закрыть
+ + Примеры работают локально. Компоненты библиотеки доступны рабочим страницам независимо от + каталога. +
+{{ entry.name }}
+
+ Текст письма
+ Расследование
+ Панель Ход «{{ lastCode }}» принят локально.
+
+
+ Деталь панели
+
+
+ Открыть
+ Произвольный итог доски.
+ Важная деталь
+ Продолжение следует.
+
+
+
+
+
+
+ Открыть окно
+ Пример ошибки загрузки материалов.
+
+ + Две папки одного дела: цитаты независимы. Статус «Скоро» у первой не блокирует + действие; вторая без статуса и с disabled. +
+
+
+
+ {{ entry.description }}
+{{ entry.example }}
+ Панель расследования Ход «{{ lastCode }}» принят локально. На сервер ничего не отправлено.
+
+
+
+ Материалы дела
++ Игровой стиль: существующие бумажные листы, машинописный текст, кожа и металл. Все данные + демонстрационные. +
+
+
+
+
+
+ Улика № 03 · Личное письмо
+Встретимся до полуночи
++
+ Если поезд придёт вовремя, я буду ждать у старых часов. Возьми письмо с собой. Кажется, + мы упустили одну важную деталь. +
+Не доверяй времени на билете.
++ Введите место назначения: действие покажет локальный результат и очистит поле, как при + успешном ходе в игре. +
+
+
+
+ {{ label }}
+
+ {{ caption }}
+
+
+
diff --git a/src/components/SectionHeading.vue b/src/components/SectionHeading.vue
new file mode 100644
index 0000000..818c8b6
--- /dev/null
+++ b/src/components/SectionHeading.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/SiteDesignPreview.vue b/src/components/SiteDesignPreview.vue
new file mode 100644
index 0000000..a6a5d03
--- /dev/null
+++ b/src/components/SiteDesignPreview.vue
@@ -0,0 +1,647 @@
+
+
+
+ {{ eyebrow }}
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
+
+ Понятно
+
+
+
+
+
+
+
diff --git a/src/components/SiteThemeProvider.vue b/src/components/SiteThemeProvider.vue
new file mode 100644
index 0000000..0c128b8
--- /dev/null
+++ b/src/components/SiteThemeProvider.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+ Открыть дело
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Продолжение — в следующем деле.
+
+
+
+ Дизайн-система · Золотой вечер
+
+
+ Соберите друзей.
+
+ Расследование своей компанией
+ +
+ Соберите друзей.
Раскройте дело.
+
+ + Один вечер, загадочная история и улики, которые складываются в разгадку. Главное — + то, что вы заметите вместе. +
+
+ Выбрать дело
+ Посмотреть улику
+
+ + Образцы будущего сайта. Все данные на этой странице — демонстрационные. +
+Последний поезд
+ +Письмо без подписи, исчезнувший пассажир и встреча, которая не состоялась.
+2–6 игроков · 90 минут
+
+
+
+
+ {{ label }}
+ --brand-{{ token }}
+
+
+
+
+ Истина складывается из деталей
++ Ровные тёмные панели, читаемый интерфейсный текст и ярко-жёлтое главное действие. +
+Второстепенный текст: время игры, автор и пояснения.
+ Пример текстовой ссылки +
+
+ Лёгкие фактуры
++ Кожаная полоса в шапке и фрагменты улик связывают сайт с игрой. Доска + расследования украшает превью дела; формы и таблицы остаются ровными панелями. +
+
+ Основное действие
+ Второстепенное
+ Опасное действие
+ Недоступно Загрузка
+
+
+ Раскрыто В работе Ошибка Подсказка
+
+
+
+
+
+
+
+ В материалах дела появилось письмо.
+ Перед началом подготовьте бумажные материалы.
+ Попробуйте ещё раз.
+ Все факты сложились в одну историю.
+
+ + Три демонстрационные папки: билет, ключ и письмо. Штампы показывают примеры состояний. +
+
+
+ Соберите компанию, подготовьте материалы и начните с первой улики.
+Это демонстрация оформления окна. Игровое действие не выполняется.
+
+
+
+
diff --git a/src/components/StatusStamp.vue b/src/components/StatusStamp.vue
new file mode 100644
index 0000000..f286791
--- /dev/null
+++ b/src/components/StatusStamp.vue
@@ -0,0 +1,17 @@
+
+
+