{
  "meta": {
    "project": "Мама Грана",
    "version": "1.4",
    "updated": "2026-10-22",
    "canon_url": "https://mamagrana.ru/design-canon/",
    "status": "approved-interface-direction",
    "direction": 6,
    "name": "Живая среда",
    "supersedes": [
      "studio-panel UI",
      "fire-ui 2026-10-05"
    ],
    "implementation": "Migration per surface; approval is not deployment of all product screens."
  },
  "name": "Мама Грана / Живая среда / Вариант 6",
  "status": "approved-reference-standard",
  "approvedDirection": "2026-10-22",
  "colors": {
    "background": "#070706",
    "surface": "#100e0b",
    "raised": "#191510",
    "text": "#f6e6c5",
    "muted": "#b5a791",
    "accent": "#f28a2d",
    "gold": "#d4a14b",
    "line": "#342c22"
  },
  "font": {
    "ui": "Inter",
    "brandAccent": "Oswald",
    "body": {
      "size": 16,
      "lineHeight": 26
    },
    "secondary": {
      "size": 14,
      "lineHeight": 22
    },
    "caption": {
      "size": 12,
      "lineHeight": 18
    },
    "desktopH1": {
      "min": 36,
      "max": 44
    },
    "mobileH1": {
      "min": 28,
      "max": 32
    }
  },
  "spacing": [
    4,
    8,
    12,
    16,
    24,
    32,
    48,
    64
  ],
  "radius": {
    "control": [
      10,
      16
    ],
    "surface": [
      24,
      32
    ]
  },
  "targets": {
    "min": 44,
    "play": 64
  },
  "icons": {
    "size": [
      20,
      24
    ],
    "stroke": [
      1.6,
      1.8
    ]
  },
  "breakpoints": {
    "mobileMax": 767,
    "tabletMax": 1199,
    "desktopMin": 1200
  },
  "verificationWidths": [
    1440,
    1024,
    768,
    390,
    360,
    320
  ],
  "motion": {
    "curve": "cubic-bezier(.16,1,.3,1)",
    "hoverMs": [
      120,
      160
    ],
    "routeMs": [
      200,
      240
    ],
    "sheetMs": [
      180,
      220
    ],
    "playerMorphMs": [
      220,
      260
    ],
    "reducedMs": 0
  },
  "nav": [
    {
      "label": "Обзор",
      "route": "#/"
    },
    {
      "label": "Радио",
      "route": "#/radio"
    },
    {
      "label": "Площадки",
      "route": "#/platforms"
    },
    {
      "label": "Музыка",
      "route": "#/music"
    },
    {
      "label": "Мир",
      "route": "#/world"
    }
  ],
  "player": {
    "hideMiniOnRadio": true,
    "preserveAcrossRoutes": [
      "wave",
      "playing",
      "volume"
    ],
    "liveRadioNoSeek": true,
    "liveRadioNoSkip": true
  },
  "notes": [
    "Числа — целевые параметры будущей реализации, не измерения с картинок.",
    "Растровые надписи и элементы не переопределяют REFERENCE-GUIDE.md."
  ],
  "sourcePriority": [
    "Text rules and verified product facts",
    "Original identity assets",
    "Approved concept 6 and 12 reference sheets",
    "Existing production is implementation history"
  ],
  "typography": {
    "interface": "Inter",
    "posterAccent": "Oswald",
    "codeOnly": "JetBrains Mono",
    "globalUppercase": false
  },
  "legacy": {
    "fire_ui": "superseded",
    "glow": "not a default",
    "goldenCardBorders": "not a default",
    "sharedTokens": "Compatibility for existing pages; not visual authority"
  },
  "visual": {
    "documentary_reality_percent": 80,
    "anomaly_percent": 20,
    "real_author_white_eyes": false,
    "real_author_glasses_required": false,
    "authorAndCharacterDistinct": true
  },
  "logo": {
    "gold": "#DDA63C",
    "black": "#000000",
    "warm_ivory": "#F6E6C8",
    "clear_space_percent": 12,
    "digital_min_px": 48
  },
  "guardrails": [
    "one navigation",
    "one player",
    "one amber curve per composition",
    "no UI grain or distressed material",
    "no decorative glow",
    "no uniform card-wall",
    "original release covers",
    "no invented product facts"
  ],
  "references": [
    {
      "id": "01-home-desktop",
      "title": "Главная · Desktop",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/01-home-desktop.png",
      "note": "Обложки и подписи релизов в генерации условны; использовать оригиналы и точные данные руководства."
    },
    {
      "id": "02-home-mobile",
      "title": "Главная · Mobile",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/02-home-mobile.png",
      "note": "Макеты показывают композицию, а не реальные viewport. Вымышленные длительности и синтезированные обложки не переносить."
    },
    {
      "id": "03-radio-desktop",
      "title": "Радио · Desktop",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/03-radio-desktop.png",
      "note": "Дополнительные действия и метаданные определяются руководством; не выводить неподключённую функцию как работающую."
    },
    {
      "id": "04-radio-mobile",
      "title": "Радио · Mobile",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/04-radio-mobile.png",
      "note": "Согласованы Play/Pause. В прототипе использовать точную подпись «Демо без звука», а не обещание живого аудио."
    },
    {
      "id": "05-platforms",
      "title": "Площадки",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/05-platforms.png",
      "note": "Функции и внешние адреса брать из content-map.json; сюжетные картинки не заменяют обложки музыкальных релизов."
    },
    {
      "id": "06-granadzyak",
      "title": "ГранаДзяк · Сервисы",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/06-granadzyak.png",
      "note": "Активна только «Площадки». Оранжевую иконку «Обзор» на desktop нейтрализовать. Полный состав 24 сервисов — в content-map.json; выборка на листе не исчерпывающая."
    },
    {
      "id": "07-granaskop",
      "title": "ГранаСкоп",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/07-granaskop.png",
      "note": "ГранаСкоп — страница входа в существующий раздел. Условные кадры не означают наличие локальной видеоленты."
    },
    {
      "id": "08-music",
      "title": "Музыка · Релизы",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/08-music.png",
      "note": "Растровую перерисовку обложек заменить точными файлами originals/. Метаданные релизов и ссылки — по руководству."
    },
    {
      "id": "09-world-reading",
      "title": "Мир · Автор · Чтение",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/09-world-reading.png",
      "note": "Портрет Романа брать из originals/author-line-v1.1.webp. Персонаж в капюшоне — Кибер-странник. Чтение — шаблон для #/world."
    },
    {
      "id": "10-search-sheets",
      "title": "Поиск и панели",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/10-search-sheets.png",
      "note": "В затемнённом фоне мобильной панели генератор оставил верхний ряд глобальных разделов: при реализации удалить его, оставить одну нижнюю навигацию. Фоновые карточки и метаданные — условность; точные релизы заданы в руководстве."
    },
    {
      "id": "11-components-states",
      "title": "Компоненты и состояния",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/11-components-states.png",
      "note": "Голосование, авторизация и метаданные — состояния будущей интеграции, не подтверждённые функции. Причина disabled зависит от реального контекста. Одинаковые названия и пиктограммы сверять с руководством."
    },
    {
      "id": "12-responsive-motion",
      "title": "Адаптация и движение",
      "url": "https://mamagrana.ru/design-canon/assets/interface-v6/12-responsive-motion.png",
      "note": "Мини-плеер восстановлен над нижней навигацией. Размеры и длительности — цели реализации; текст «Демо эфира» заменить точным «Демо без звука» в локальном прототипе."
    }
  ]
}