Справочник компонентов

Цвет

Основная кнопка чернильная. Красная нить — только нить, клеймо, подсветка сценария, ховер ссылок, ошибки. Синий — только модуль финансового партнёра.

Типографика · Medeo

Витрина говорит антиквой: --font-serif — Medeo Serif, только Regular 400, только от 22px, плотный трекинг. Сервис — гротеском: --font-sans — Medeo Sans, переменная насыщенность 100–900 и оптический размер 14–32 (подстраивается сам). Шрифты локальные, static/fonts/medeo.

Кнопки и ссылки

Классы на нативных элементах. Высота 44 (lg 52, sm 36 — только на десктопе). Нажатие — scale(.97). Без стрелок «→» в подписях. Загрузка — class:is-loading.

Чипы, теги, клеймо, аватар

Капс — только в метке вида запроса. Клеймо — знак кураторской проверки. Аватар — монограмма: у людей и организаций нет фотографий.

Карточки

Лишние атрибуты уходят на корневой элемент — так вешается цель сценария: <ParticipantCard participant={p} {...target('s3')} />. Фото без скруглений, фон контейнера = фон снимка, волосная граница без тени.

Участник <ParticipantCard participant /> → /participants/<id>

Национальный бренд

Мануфактура «Берег»

Столовый и постельный текстиль из льна

Костромская область, Кострома

Мастер

Мария Белозёрова

Вологодское коклюшечное кружево

Вологодская область, Вологда

АО

Мастер

Аяс Ооржак

Резьба по агальматолиту (чонар-даш)

Республика Тыва, Кызыл

Изделие <ItemCard item size="l|m|s" badge? eager? /> + этикетка <MuseumLabel item badge? as? />

Чайная пара «Пион»

Фарфор, надглазурная роспись, золочение

Фарфоровая мануфактура «Охта», Санкт-Петербург

ДР-К-0024 · 2026

Шкатулка «Вечер на Уче»

Папье-маше, лак, масляная живопись

Мастерская лаковой миниатюры «Уча», Московская область

ДР-К-0009 · 2025

Кумган малый

Серебро 925, чернь, гравировка

Мурад Гаджиев, Республика Дагестан

ДР-К-0017 · 2025

Подзор «Город»

Лён, строчевая вышивка

Строчевая артель «Холова», Новгородская область

ДР-К-0012 · 2025

Рушник «Древо»

Лён, вышивка, кружевной край

Мануфактура «Берег», Костромская область

ДР-К-0027 · 2026

Новое · по соглашению ДР-2026-041

Дорожка столовая «Олени»

Лён, коклюшечное плетение

Мария Белозёрова и Мануфактура «Берег», Вологодская и Костромская области

ДР-К-0058 · 2027

Медиа <Media image size? fit="contain|cover" blend? eager? class? /> · <Img image size? alt? eager? />

Край полотенца «Северный сад»

Лён, коклюшечное сцепное плетение

Мария Белозёрова, Вологодская область

ДР-К-0031 · 2025

Чайная пара «Пион»

Фарфор, надглазурная роспись, золочение

Фарфоровая мануфактура «Охта», Санкт-Петербург

ДР-К-0024 · 2026

fit="cover" — обложка

bone-chess — не шире 340px

Нить, мини-нить, KPI

Статус — формой узла: пройден — залит, текущий — кольцо с ореолом, будущий — пустой. Узел банка — ромб; при выключенном модуле он скрывается вместе с шагом, нить остаётся целой. Полная нить уже 600px становится вертикальной.

Вкладки и фильтры

<Tabs tabs label bind:value | hash | param="view" panel />: tabs — { id, label, count?, step? }[], кнопка вкладки получает id="tab-<id>", рисуется только активная панель, стрелки клавиатуры. Фильтр по демо-данным — обычный $derived.

Фильтр Chips bind:value · select bind:value · input bind:value · .empty

Все12Мастера4Бренды3Производители2Представители регионов1Эксперты1Зарубежные партнёры1

Все регионыАрхангельская областьВологодская областьКостромская областьМоскваМосковская областьНовгородская областьОАЭРеспублика ДагестанРеспублика Саха (Якутия)Республика ТываСанкт-ПетербургСвердловская область

Найдено: 12 участников Сбросить

Мастер

Мария Белозёрова

Вологодское коклюшечное кружево

Вологодская область, Вологда

Национальный бренд

Мануфактура «Берег»

Столовый и постельный текстиль из льна

Костромская область, Кострома

Мастер

Мурад Гаджиев

Кубачинское серебро: чернь, гравировка, филигрань

Республика Дагестан, с. Кубачи

Национальный бренд

Фарфоровая мануфактура «Охта»

Авторский фарфор, ручная роспись

Санкт-Петербург

Производитель

Мастерская лаковой миниатюры «Уча»

Федоскинская лаковая миниатюра

Московская область, с. Федоскино

Производитель

Строчевая артель «Холова»

Крестецкая строчка

Новгородская область, пос. Крестцы

Поля формы

Поле 48px, ошибка — красная граница после взаимодействия (:user-invalid) и текст .field__error. Отправка — demoSubmit({ step? }): проверка required → «Отправляем…» 600 мс → form.done, шаг засчитан.

Вход перед формой <LoginGate title>…</LoginGate>

Запросы отправляют участники платформы

Войти по приглашению Нет приглашения? Подать заявку

Модалки, тосты, уведомления, блоки

<Modal bind:open title variant="dialog|menu|lightbox" onclose? footer? head?> — нативный <dialog>: Esc и клик по подложке закрывают. Глобальные модалки — data-modal-open="login|apply" или openModal(). Тост — toast(text, { action }) или data-toast="…".

Триггеры

Вход по приглашению Заявка на участие Своя модалка Лайтбокс Тост Тост с действием Ссылка с data-needs-auth

Изменить состав публичных полей

Изменение уходит второй стороне на подтверждение и оператору на проверку.

Отправить Отмена

Край полотенца «Северный сад»

ДР-К-0031 · Cleveland Museum of Art, 1931.104 · CC0

Стадии сценария, вход, модуль банка

Переключатели меняют общее состояние (сохраняется в localStorage — его увидят все страницы). В разметке: {#if scenario.stage >= 4}, {#if session.auth}, {#if modules.bank}; списки — visible(list).

{
 "participants": 248,
 "byType": {
  "master": 96,
  "brand": 54,
  "maker": 38,
  "region": 27,
  "expert": 21,
  "foreign": 12
 },
 "requests": 117,
 "agreements": {
  "total": 47,
  "signed": 18,
  "active": 20,
  "result": 9,
  "international": 6
 },
 "accelerator": 64,
 "regions": 41,
 "foreign": 12,
 "foreignCountries": 7,
 "bank": {
  "assessments": 22,
  "toProduct": 13,
  "toExpert": 9,
  "submitted": 16,
  "agreements": 47
 }
}

Цели сценария {...target('sN')}

Следующая цель подсвечивается обводкой и пульсом (html[data-next]), клик по ней засчитывает шаг; target('s5', { manual: true }) — только подсветка, шаг завершает demoSubmit({ step: 's5' }). С data-needs-auth шаг засчитывается после входа. Ниже — все двенадцать в демо-области data-step-demo: «Дальше» в доке их не ищет, но клик засчитывает.

<ForumTicket forum={pmef} {...target('s1')} />                      // s1–s3, s6, s7, s9, s11, s12 — клик засчитывает
<a href="/requests/new?to=bereg&re=r-bereg-lace" data-needs-auth {...target('s4')}>Откликнуться</a>
<button type="submit" {...target('s5', { manual: true })}>Отправить запрос</button>   // s5, s8, s10 — завершает форма
<button data-scenario-start>Пройти сценарий участника</button>

Самопроверка данных check()

Все id, на которые ссылаются запросы, соглашения, изделия, форумы и шаги сценария, существуют; ключи изображений есть в манифесте; файлы загружаются.

OK · {"participants":12,"requests":12,"forums":5,"agreements":9,"items":9,"images":19,"steps":12}
Файлы изображений: проверяются…