Второй слой
Сильная работа не выкрикивает смысл. Прекрасное может скрывать страшное — или наоборот. Зритель считывает второй смысл не мгновенно.
На пальцах: песня или кадр работают сами по себе, а через минуту открывают ещё один смысл.
Канон дизайна
Версия 1.4 · 22 октября 2026 · Интерфейс: вариант 6 «Живая среда»
Одна страница для всех, кто делает что-либо для Граны. Здесь зафиксированы визуальный язык, цвета, шрифты, логотип, персонажи, интерфейсы, движение и правила передачи материалов. Для интерфейсов действует утверждённый вариант 6. Прежние макеты и общий CSS сохраняют совместимость, но не задают стиль новых экранов.
Канон — не менять
База — брать по умолчанию
План — ещё не стандарт
СтатусПубличный канон
Обновлено22 октября 2026
Для когоКоманда и партнёры
ИсточникБренд + вариант 6
ДНК бренда
«Мама Грана» — проект про свободу души. Визуал строится на конфликте двух слоёв: человеческого, тёплого и живого — с холодной системой, которая всё измеряет. Перетащите границу: тепла в итоге должно остаться эмоционально больше.
Сверено с IP-библией 1.3: человеческий текст, машинный голос и русская душа в цифровом абсурде. Любая красивая идея проходит четыре проверки: смысл, канон, визуал и возможность повторить результат.
Живое
Кожа, дерево, свечи, рукопись, платок, лиса, берёзы, река, человеческий жест.
Система
Биометрия, серверы, провода, камеры, сетки и аудиоволны без читаемого псевдотекста.
Человек главнее технологии
Машина — инструмент времени, «новая балалайка», а не автор и не главный герой. Лица, жесты и человеческая память остаются читаемыми.
Жанр меняется. Взгляд — нет.
Киберфолк, электроника, рок или сатира могут выглядеть по-разному. Постоянны тёплая оптика, ирония и сопротивление упрощению.
Живой сбой
Основная линия для реального автора, соцсетей, предметного архива и документальных сцен. Кадр должен выглядеть как настоящая жизнь, в которой проявилась одна небольшая невозможная деталь.
Главная формула
Реальность дала сбой, и этот сбой удалось сфотографировать
Не «нейросеть рисует архив». Сначала — человек, место, предмет и правдоподобный свет. Только потом — один «живой сбой» или сигнал.
Соотношение
Один эффект, не шоу эффектов
Цифры показывают приоритет внимания, а не площадь кадра.
80%кожа, ткань, бумага, пыль, стекло, дождь и естественный свет
20%один сбой
Режим A · основной
Реальный автор
Обычная квартира, двор, улица, подъезд, кухня или студия. Сохраняем форму лица, телосложение, короткие волосы, бороду и чёрную одежду. Автор действует, а не просто позирует. Часть кадров снимается без очков или с видимыми глазами: очки не должны превращаться в постоянную маску.
Важно: белые светящиеся глаза реальному автору не добавляются.
Режим B · специальный
Канонические персонажи
Кибер-странник с белыми глазами, Красна девица, песенные персонажи, стикеры и игровые миры не отменены. Этот режим включается, когда задача прямо требует персонажа, конкретную песню, игру или стилизованную вселенную.
На пальцах: реальный Роман и Кибер-странник — два разных визуальных режима. Не смешиваем их по привычке.
Авторчеловек в настоящей среде
Предметный архиводин предмет с историей
Живой сигналAmber, Orange или Rust; не произвольный неон
Лисанатуральный проводник или свидетель
Детство и 2000-енесовершенная техника и настоящая память
Документодин лист, штамп или короткая фраза
Дверь 4:04реальный проход с едва заметным нарушением
Кадр читается на телефоне
Один главный объект, одно действие, один сюжет и одна аномалия. Статика 4:5 — основной формат ленты. В 9:16 герой остаётся в центральной безопасной зоне, а сверху и снизу оставляется место интерфейсу. Квадрат 1:1 используем только для действительно квадратной композиции. Финал проверяем в превью 250–350 px.
Не талисман-мультяшка
Лиса — проводник, свидетель или след. Она может быть главным героем отдельной серии или вторичным силуэтом, отражением, жетоном либо хвостом в глубине кадра. Не делаем её милой мультяшкой и не ставим в каждый пост.
Надпись — после генерации
Сначала создаём чистую сцену. Текст длиннее 2–3 слов накладываем вручную в Figma или Photoshop. Внутри картинки допустимы только «4:04», «Дело №404», один штамп или одна короткая фраза. Кириллицу проверяем глазами.
Чужие бренды — только указатели эпохи. Sony, Nintendo, MTV, Linkin Park и другие логотипы из референсного коллажа нельзя копировать в финальные материалы. Можно передать время через безымянный CD-плеер, кассету, проводные наушники, старый телевизор, двор, подъезд или гаражи.
Создай кинематографичный фотореалистичный кадр для музыкального проекта «Мама Грана». Это не иллюстрация и не глянцевый AI-art, а фотография реального мира, в котором произошёл едва заметный цифровой или смысловой сбой. Каноническая база: Black #070706, Graphite #15120F, Charcoal #2A241D, Ivory #F6E6C5. Живой сигнал и энергия: Amber #F28A2D, Amber Lite #F8B45A, Orange #E65F1E, Gold #D4A14B, Rust #A84324. Cyber Blue #6AD7FF используется только как системный интерфейс или системный сигнал. Eye White #FFFFFF — только для Кибер-странника или редкой энергии. Реалистичные материалы, простая композиция, один главный объект, один сюжет, одна аномальная деталь. Кадр должен читаться в мобильной ленте.
cheap stock photo, generic hacker, Guy Fawkes mask, green Matrix code, acid neon, neon cyberpunk, cyber-pop, horror, body horror, gore, fake Cyrillic, distorted Russian letters, fantasy fox, cartoon animal, glossy 3D render, excessive symmetry, ornate vintage decoration, cluttered evidence board, true crime poster, political symbols, platform logos, malformed hands, plastic skin, excessive HDR, unreadable text, fashion campaign, multiple brand marks, cyber blue used as decoration, white glowing eyes on the real author
На пальцах: английский список выше нужен генератору изображения. Он запрещает дешёвое стоковое фото, хакерские штампы, хоррор, мультяшную лису, перегруженную доску улик, чужие логотипы, сломанные руки и белые глаза у реального автора.
Сначала смысл песни
- Смысл, факты и красные линии конкретной песни.
- Прямое указание владельца для этой работы.
- Этот раздел визуального канона.
- Общие старые инструкции и отдельные референсы.
Жизнь или просто эффект?
«Это реальная жизнь, в которой проявился живой сигнал, — или просто красивая нейросетевая картинка?» Если верно второе, работу не выпускаем и переделываем.
Палитры
Это палитра бренда и иллюстраций. Семантические роли поверхностей интерфейса закреплены в варианте 6. Нажмите любой образец, чтобы скопировать код цвета. У логотипа есть собственное золото — оно намеренно не смешано с золотом интерфейса.
Black
#070706
Главный фон, не чистый чёрный
Graphite
#15120F
Материалы бренда; UI — см. вариант 6
Charcoal
#2A241D
Материалы бренда; не базовая UI-панель
Amber
#F28A2D
Play, активность, фокус
Orange
#E65F1E
Сильный призыв, «живое»
Gold
#D4A14B
Редкие брендовые детали
Ivory
#F6E6C5
Текст и заголовки, не белый
Rust
#A84324
Негативные состояния, ржавчина
Cyber blue
#6AD7FF
Только система и биометрия
Eye white
#FFFFFF
Глаза Странника, редкий свет
Голубой — не декор
Холодный голубой показывает интерфейс, биометрию или давление системы. Если он просто «красиво светится», решение не канонично.
Белый — редкость
Чистый белый закреплён за глазами Кибер-странника и редким энергетическим светом. Обычный текст — тёплая слоновая кость.
Контраст прежде атмосферы
Оранжевый — акцент, не длинный текст. На светлой заливке используйте тёмные буквы. Не передавайте смысл одним цветом.
Живой сигнал в сцене: основа IP-библии закрепляет линию Amber #F28A2D / Orange #E65F1E / Rust #A84324. Выбирайте оттенок по смыслу — сигнал, энергия или штамп. Документальная сцена сохраняет физический сигнал; интерфейс следует спокойной системе варианта 6 без постоянного свечения. Большая декоративная заливка вместо сюжета не используется.
Палитра знака
Логотип живёт в своём золоте
Золото знака #DDA63C чуть ярче сайтового #D4A14B. Это не ошибка: внутри самого логотипа оттенок не перекрашиваем.
Logo gold
#DDA63CBlack
#000000Warm ivory
#F6E6C8Deep burgundy
#2A101E
Пока не стандарт
Светлая тема и «Рассвет»
Бесплатная спокойная светлая тема утверждена как базовое удобство, а художественный «Рассвет» — как отдельная наградная оболочка. Их точные цвета ещё не зафиксированы. Не копируйте временные оттенки прототипа в новый продукт.
На пальцах: идея утверждена, готовой общей палитры пока нет. До её отдельной приёмки используйте основную тёмную систему.
Шрифты и роли
В интерфейсе действует набор варианта 6. Плакатная типографика сохраняется в постерах и отдельных брендовых акцентах.
Inter
Ясный голос интерфейса
Русская душа
#F28A2D
16 / 26 px
16 / 26 px
Рабочая шкала интерфейса
H1: 36–44 px desktop / 28–32 px mobile; H2: 24–32 px; H3: 20–24 px. Основной текст 16/26; вторичный 14/22. Подпись 12/18 допустима вне основного пути чтения. Длинный текст — 60–70 символов в строке.
Шкала 48–112 px и плакатные прописные из прежнего web-канона не переносятся в продукт по умолчанию. В мерче сохраняется согласованная роль декоративного шрифта с засечками; новое семейство требует отдельного выбора.
Логотип
Основной знак — монограмма «МГ» со струнами, верхним символом и гранатом. Для веба используем чистый вектор: он не теряет качество при увеличении.
Не менее 12%
Вокруг знака оставляем пустое пространство не меньше 12% его ширины. Соседний текст и край кадра туда не заходят.
48 px на экране
Самостоятельный знак не уменьшаем ниже 48 px. Маленькая навигационная иконка 30–34 px — особое системное исключение сайта, не шаблон для партнёров.
Не ломать геометрию
Не растягивать, не вращать, не дорисовывать полное кольцо, не убирать струны и гранат, не добавлять свечение внутрь вектора.
SVG: векторный файл — знак остаётся резким на любом размере. Для сайта и макета берите SVG; тяжёлый PNG нужен только там, где система не принимает вектор.
Персонажи
Это смысловой алфавит, а не обязательный групповой кадр. В каждой сцене появляется тот, чья роль помогает раскрыть мысль. Превью показывают канон, но не служат материалом для ленивого коллажа.
Главный аватар
Кибер-странник
Мужчина 30–38 лет, короткие тёмные волосы и борода, тёмный капюшон. Глаза чисто белые, без зрачков и синего оттенка. Живой, не глянцевый и не старый.
Память и дом
Красна девица
Молодая взрослая женщина, бордовый цветочный платок, естественные глаза и спокойная сила. Не pin-up, не сказочная принцесса и не карикатура.
Инстинкт
Скрипка-лиса
Реалистичная рыжая лиса с умным, ироничным взглядом. Не собака и не волк. Человеческий жест допустим только умеренно и преимущественно в стикерах.
Сигнал
Чёрная сорока / ворон
Угольное перо, тёплый оранжевый контровой свет, допустим один холодный блик в глазу. Тревожная, но не демоническая птица.
Труд и земля
Рабочий / шахтёр
Каска с фонарём, грубая рабочая одежда и инструмент. Образ обычного человека и труда, а не солдата или героя боевика.
Важно про образ Красной девицы. В исходном архиве три файла с её именем побайтно совпадают с файлами Странника.
Они заблокированы как ошибочные и не считаются её каноническими портретами. На этой странице использовано только отдельное, проверенное изображение.
Лицо → разворот → постер
При конфликте сначала смотрим лист лица, затем разворот персонажа, затем главный постер или обложку. Стикеры и вспомогательные сцены стоят ниже.
Источник внешности
Папка canon определяет лицо, силуэт, одежду и палитру. Оттуда не вырезают готового героя в новую сцену — она создаётся заново.
Поза и настроение
Вспомогательные материалы можно брать как подсказку для жеста, окружения и света, но не как замену основной внешности.
Интерфейс: «Живая среда»
Вариант 6 утверждён Романом 22 октября 2026. Это действующий стандарт новых и перерабатываемых интерфейсов «Мамы Граны» и «Радио Грана». Палитра сохранена; композиция, типографика и роль декора переосмыслены.
Спокойный интерфейс вокруг выразительного авторского мира. Непрерывные тёмные поверхности, ясный набор, один тонкий янтарный изгиб. Тепло и характер приходят из содержания, музыки и иллюстраций.
Что имеет приоритет
- Эти текстовые правила и актуальные продуктовые факты.
- Оригинальные логотипы, обложки релизов и портрет автора.
- Утверждённый коллаж № 6 и листы ниже — характер и композиция.
Растровые надписи, пиктограммы и перерисованные обложки не становятся данными продукта. Старые страницы, CSS и снимки показывают прежнюю реализацию; они не переопределяют этот стандарт. Факт утверждения дизайна не означает, что весь сайт уже перевёрстан.
Композиция
Обзор приглашает исследовать, радио помогает слушать, каталог — находить, текст — читать. Контент получает разную плотность по задаче. Не превращать все разделы в одинаковую сетку обрамлённых карточек. Один фирменный изгиб на композицию; фон и поверхности без зерна, стекла и постоянного свечения.
Типографика
Inter — заголовки, навигация, кнопки и текст. Oswald — отдельный брендовый или плакатный акцент. JetBrains Mono — только код и технические значения. Обычные подписи не оформляются как маркировка оборудования; глобальный uppercase исключён.
Одна навигация
Desktop: слева «Обзор / Радио / Площадки / Музыка / Мир», сверху поиск и выбор площадки. Mobile: бренд, поиск и одна нижняя навигация из пяти разделов. «Читать / Смотреть / Слушать / Общаться / Создавать» — фильтр содержания, не вторая навигация.
Один плеер
На радио — основной плеер. На других страницах — компактный, на мобильном над нижней навигацией. Состояние волны, громкости и воспроизведения сохраняется. В live-радио нет перемотки и пропуска трека. Демонстрация без звука обозначается прямо.
Система поверхностей
Фон #070706; поверхность #100E0B; поднятая панель #191510. Основной текст #F6E6C5, вторичный #B5A791. Действие и выбор #F28A2D. Разделитель #342C22. Золото #D4A14B — редкая брендовая деталь; золото логотипа #DDA63C неизменно.
Геометрия и адаптация
Интервалы 4/8/12/16/24/32/48/64. Контролы 10–16 px, крупные сопряжения 24–32 px; капсулы — небольшие действия и переключатели. Desktop от 1200: навигация 208–224 px; tablet 768–1199: 72–88 px; mobile до 767: одна колонка, отступы 16–20 px. Универсальная ширина 1180 px больше не задаёт весь продукт.
Содержание и образы
Реальный Роман и Кибер-странник — разные сущности. Для автора используется исходный портрет. «4:04» — альбом, 7 песен, 2026; «Скрипка-лиса» — сингл, 2026. ГранаСкоп — короткие вертикальные видео; ГранаДзяк — каталог медиа, общения, инструментов и сервисов. Не выдумывать цифры, треки, авторизацию и работающие интеграции по картинке.
Доступность и состояния
Основной текст 16/26, вторичный 14/22, длинная строка 60–70 знаков. H1 desktop 36–44, mobile 28–32 px. Цели от 44×44, play от 64×64. Видимый focus, текст контрастом от 4,5:1, крупный текст и значимые границы от 3:1. Ошибка, пустое состояние, загрузка, отсутствие сети и гостевой доступ проектируются явно.
Все 12 референсов и уточнения к переносу
Главная · Desktop
Содержательный первый экран, продолжение страницы и постоянный плеер.
Обложки и подписи релизов в генерации условны; использовать оригиналы и точные данные руководства.
Главная · Mobile
Начало, прокрутка, музыка и площадки на узком экране.
Макеты показывают композицию, а не реальные viewport. Вымышленные длительности и синтезированные обложки не переносить.
Радио · Desktop
Две волны, основной плеер, контекст и дополнительные действия.
Дополнительные действия и метаданные определяются руководством; не выводить неподключённую функцию как работающую.
Радио · Mobile
Пауза, воспроизведение и Грана Лайт.
Согласованы Play/Pause. В прототипе использовать точную подпись «Демо без звука», а не обещание живого аудио.
Площадки
Общий вход в направления и понятные внешние переходы.
Функции и внешние адреса брать из content-map.json; сюжетные картинки не заменяют обложки музыкальных релизов.
ГранаДзяк · Сервисы
Медиа, общение, инструменты автора и повседневные сервисы.
Активна только «Площадки». Оранжевую иконку «Обзор» на desktop нейтрализовать. Полный состав 24 сервисов — в content-map.json; выборка на листе не исчерпывающая.
ГранаСкоп
Короткие вертикальные видео и вход на площадку.
ГранаСкоп — страница входа в существующий раздел. Условные кадры не означают наличие локальной видеоленты.
Музыка · Релизы
Каталог, фильтры и подробности релиза.
Растровую перерисовку обложек заменить точными файлами originals/. Метаданные релизов и ссылки — по руководству.
Мир · Автор · Чтение
Автор проекта, персонажи и текстовая композиция.
Портрет Романа брать из originals/author-line-v1.1.webp. Персонаж в капюшоне — Кибер-странник. Чтение — шаблон для #/world.
Поиск и панели
Результат поиска, пустое состояние, выбор площадки и волны.
В затемнённом фоне мобильной панели генератор оставил верхний ряд глобальных разделов: при реализации удалить его, оставить одну нижнюю навигацию. Фоновые карточки и метаданные — условность; точные релизы заданы в руководстве.
Компоненты и состояния
Кнопки, focus, загрузка, ошибки, offline и гостевой доступ.
Голосование, авторизация и метаданные — состояния будущей интеграции, не подтверждённые функции. Причина disabled зависит от реального контекста. Одинаковые названия и пиктограммы сверять с руководством.
Адаптация и движение
Desktop, tablet, mobile, переходы и кадрирование.
Мини-плеер восстановлен над нижней навигацией. Размеры и длительности — цели реализации; текст «Демо эфира» заменить точным «Демо без звука» в локальном прототипе.
Листы — визуальные ориентиры. Реальные размеры, контраст, клавиатура и поведение проверяются в работающей вёрстке. Скачиваемые JSON и CSS фиксируют правила для дальнейшей работы.
Защита от старого стиля
Правила «Живой среды» заменяют прежнюю метафору студийной панели и направление огненных UI-подсветок от 5 октября. Эта отмена относится к оболочке интерфейса; свет внутри авторской иллюстрации остаётся частью сюжета.
Не возвращать
- Шум, потёртости, бумажный коллаж и «гравированную табличку» в UI.
- Золотую рамку вокруг каждой карточки, светящиеся края панелей и постоянные ореолы.
- Плакатный Oswald и моноширинные метки во всех заголовках и контролах.
- Равнозначную сетку карточек вместо иерархии содержания.
- Дублирование навигации или двух плееров на одном экране.
- Декоративные графики, фальшивые счётчики, фоновые частицы и прыгающие кнопки.
Как распознать возврат
Если после скрытия картинок страница выглядит как приборная панель с золотыми рамками, свечение заменяет выбранное состояние или все заголовки набраны плакатными прописными — макет не принят.
Сверяем первый экран и продолжение с ближайшим листом варианта 6 при одинаковом размере. Исправляем композицию, типографику и состояния, а не только перекрашиваем старые блоки.
Исторические --mg-glow, --grad-cta и старые примеры из общего mg-tokens.css поддерживают существующие страницы. Для новых интерфейсов они не являются нормой. Новый стиль внедряется на конкретной поверхности; весь сайт не меняется побочным эффектом подключения токенов.
Движение
Motion design — это дизайн движения: как камера, интерфейс и свет меняются во времени. В обычном продукте движение тихое и осмысленное; шоу-запуск может быть мощнее, но остаётся управляемым человеком.
Коротко и по действию
Hover 120–160 мс; смена раздела 200–240 мс; панель 180–220 мс; основной ↔ компактный плеер 220–260 мс. Кривая cubic-bezier(.16,1,.3,1). Без скачка геометрии, постоянной пульсации, декоративного свечения и частиц.
Reduced motion: 0 мс. Панель получает фокус; Escape закрывает её и возвращает фокус инициатору. Ctrl/Cmd+K открывает поиск. Движение не скрывает задержку загрузки.
Среда движется больше лица
Допустимы медленный наезд камеры, параллакс, искры, дым, ткань, кабели и экраны. Без движения рта и агрессивной мимики, если это не заказано отдельно.
Параллакс: передний и дальний план двигаются с разной скоростью, поэтому плоский кадр получает глубину.
120–160 мсСостояние контрола
180–220 мсПанель поиска
220–260 мсОсновной ↔ компактный плеер
0 мсУменьшенное движение
Особый формат
Минутное открытие Радио Грана
Промо-шоу открытия и разделения на две волны может быть громким, кинематографичным и музыкальным: подготовка зрителя, голос, нарезка джинглов и песен, демонстрация новых функций. Это отдельный трейлерный режим, а не стиль каждого экрана.
- Сначала честное приглашение включить звук; браузер не должен сам орать без действия человека.
- Всегда есть «Пропустить», субтитры и повторный запуск.
- Загрузка показывает реальный прогресс, а не держит человека ради драматургии.
- При системной настройке «меньше движения» включается спокойная версия.
Текст и тон
В искусстве смысл прячется. В интерфейсе и партнёрских материалах смысл объясняется. Не заставляйте человека разгадывать кнопку, цену или условие использования.
Человечно и точно
- Ирония, лирика, «смех сквозь зубы».
- Одна сильная мысль на кадр или экран.
- Сложное слово объясняется рядом «на пальцах».
- Промо раскрывает 1–2 мысли, не разжёвывая песню целиком.
- Живой бытовой образ сильнее абстрактного лозунга.
Пафосно и плоско
- Корпоративный AI-жаргон и официоз.
- Псевдославянская высокопарность.
- Прямая агитация вместо второго слоя.
- Случайные буквы и псевдокириллица.
- Длинная надпись, сгенерированная внутри картинки.
Человеческий текст.
Машинный голос.
Русская душа в цифровом абсурде.
Жанр меняется.
Взгляд — нет.
Душу нельзя измерить.
Её можно услышать.
Как сдавать работу
Канон полезен только тогда, когда результат можно проверить и продолжить без автора файла. Ниже — минимальный комплект для каждой роли.
Макет и визуал
- Ссылка на эту страницу и версия канона.
- Исходник со слоями, шрифты или безопасные замены.
- Композиции 1:1, 9:16 и 16:9, если нужны.
- Проверка лица, глаз, рук и кириллицы.
- Отдельный список осознанных отклонений.
Интерфейс
- Указаны вариант 6 и конкретный лист сравнения; подключены семантические UI-токены.
- Композиция, набор и навигация сверены с референсом — одной смены цвета недостаточно.
- Нет старых рамок, зерна, свечения и дублирования плеера.
- Кнопки не меньше 44×44 px.
- Фокус видим с клавиатуры.
- Есть режим уменьшенного движения.
- Проверены 1440/1024/768/390/360; стресс 320 px и текст 200%.
- Последний пункт не перекрыт нижней навигацией, плеером и safe-area.
Публикация
- Взят официальный файл логотипа.
- Сохранено свободное поле 12%.
- Знак не перекрашен и не искажён.
- Понятно, где и как будет показан материал.
- Новый образ героя согласован до публикации.
Смысл
Есть человеческая эмоция и связь с «Ты не один», а не просто атмосфера.
Канон
Нет раскрытого секрета, запрещённой темы, выдуманного факта или неподтверждённого обещания.
Визуал
Иллюстрация: реальность и один сбой. Интерфейс: композиция варианта 6, ясные действия, отсутствие старых декоративных шаблонов.
Результат
Понятно, что человек должен сделать и как команда поймёт, что материал сработал.
Поиск подсветит подходящие фрагменты.
Готовые файлы
Дизайн-токены — это общие именованные значения цветов, радиусов и движения. Разработчик подключает их один раз, и разные страницы перестают «плыть» по оттенкам и размерам.
На пальцах: вместо «возьми какой-нибудь оранжевый» в коде пишут --mg-ui-accent, и все получают один утверждённый #F28A2D.
/* Canon 1.4 / Interface 6: approved 2026-10-22.
New product UI: use semantic --mg-ui-* tokens.
Brand/illustration palette remains unchanged. */
:root {
--mg-ui-background: #070706;
--mg-ui-surface: #100E0B;
--mg-ui-raised: #191510;
--mg-ui-text: #F6E6C5;
--mg-ui-muted: #B5A791;
--mg-ui-accent: #F28A2D;
--mg-ui-gold: #D4A14B;
--mg-ui-line: #342C22;
--mg-ui-font: "Inter", sans-serif;
--mg-ui-radius-control: 12px;
--mg-ui-radius-panel: 28px;
--mg-ui-touch-min: 44px;
--mg-ui-play-min: 64px;
--mg-ui-ease: cubic-bezier(.16,1,.3,1);
--mg-ui-hover-ms: 140ms;
--mg-ui-route-ms: 220ms;
--mg-ui-sheet-ms: 200ms;
--mg-ui-player-ms: 240ms;
}
@media (prefers-reduced-motion: reduce) {
:root {
--mg-ui-hover-ms: 0ms;
--mg-ui-route-ms: 0ms;
--mg-ui-sheet-ms: 0ms;
--mg-ui-player-ms: 0ms;
}
}
Источники
Откуда собран этот канон
Верхний источникIP-библия «Мама Грана» v1.3 — единый внутренний документ проекта. На этой странице показана только публично безопасная часть визуальных правил; тайны, планы и служебные данные сюда не вынесены
Визуальное ядроVISUAL_CONCEPT_AND_PROMPT_GUIDE_2026-08.md, BRAND_CORE_RU.md, palette.json, SITE_DESIGN_SYSTEM.md, DO_DONT.md
Смысл и тонstyle-bible.md v2.2, CONTENT_CORE_RU.md
ЛоготипУтверждённый коммерческий пакет 2026-06 и реальный файл живого сайта
ПерсонажиПапки canon и CHARACTER_NOTES каждого персонажа; ошибочные дубликаты Красной девицы исключены
ПродуктУтверждённый вариант 6 от 22.10.2026, 12 референсов, interface-v6.css и interface-v6.json. mg-tokens.css — историческая совместимость, не источник формы нового UI
Порядок изменений
Как обновляется канон
Не создаём конкурирующие библии. Новая идея сначала получает отдельное утверждение владельца, затем вносится в главный файл IP-библии — единый внутренний документ проекта — с новой версией. После этого синхронизируются эта публичная страница и рабочие приложения. Явное решение владельца фиксируется здесь с датой, областью действия и заменяемыми правилами. Вариант 6 утверждён и закреплён этим обновлением; старая реализация не отменяет его. Неутверждённый макет или временная тема сами по себе стандартом не становятся.