Meridian Design System (MDS) — дизайн-система и фирменный стиль

Раскрывает и дополняет раздел 5 библии (docs/00-foundation.md). Исходные токены библии не меняются: здесь они получают шкалы, состояния, размеры и правила применения. Источник значений для кода — spec/design-tokens.json (W3C DTCG); макеты используют mockups/assets/mds.css, иконки — mockups/assets/icons.svg. Версия 0.1 · 2026-10-03 · язык — русский; идентификаторы, токены, код — английский.

Содержание: 1. Бренд · 2. Цвет · 3. Типографика · 4. Сетка, геометрия, иконография · 5. Компоненты · 6. Паттерны взаимодействия · 7. Движение · 8. Доступность · 9. Платформенные адаптации · 10. Локализация · 11. Голос и тон · 12. Реализация в Qt · 13. Вопросы к библии и макетам.

1. Бренд

1.1 Идея и характер

Меридиан — линия отсчёта. От меридиана считают долготу; от Meridian Office пользователь считает рабочий день. Метафоры: карта, компас, штурманский стол. Три слова характера и что они значат на практике:

Палитра бренда: ink #0B3C5D (глубокий, карта ночью) и sun #F2A541 (тёплая точка на компасе). Соотношение на любом носителе: ink ≥ 80 % площади акцентов, sun ≤ 20 % — только «засечка», выделение, звёзды избранного, прогресс.

1.2 Логотип пакета

Конструкция на сетке 64 × 64 (модуль m = 4 px; все координаты кратны m или m/2):

Эталонный файл — mockups/assets/logo.svg. Полная форма:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
  <circle cx="32" cy="34" r="22" fill="none" stroke="#0B3C5D" stroke-width="4"/>
  <path d="M32 12v44" stroke="#0B3C5D" stroke-width="4" stroke-linecap="round"/>
  <path d="M12 34h40" stroke="#0B3C5D" stroke-width="2" stroke-linecap="round" opacity=".45"/>
  <ellipse cx="32" cy="34" rx="10" ry="22" fill="none" stroke="#0B3C5D" stroke-width="2" opacity=".45"/>
  <circle cx="32" cy="8" r="4" fill="#F2A541"/>
</svg>

Монохромная форма (один цвет, без полупрозрачности — печать в одну краску, тиснение, лазер):

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
  <circle cx="32" cy="34" r="22" fill="none" stroke="currentColor" stroke-width="4"/>
  <path d="M32 12v44" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>
  <circle cx="32" cy="8" r="4" fill="currentColor"/>
</svg>

Упрощённая форма для 16–20 px (фавикон, строка состояния, трей): кольцо r = 6, штрих 1,5, меридиан, точка r = 1,5.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  <circle cx="8" cy="9" r="5.5" fill="none" stroke="currentColor" stroke-width="1.5"/>
  <path d="M8 3v12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
  <circle cx="8" cy="2" r="1.5" fill="#F2A541"/>
</svg>

Правила:

1.3 Словесный знак

• Написание: Meridian Office — только латиницей, два слова, с заглавных. Кириллица «Меридиан Офис» — лишь в тексте, никогда в знаке.
• Шрифт: Inter SemiBold (600), трекинг −1 % (letter-spacing: -0.01em), без капители, без курсива.
• Названия приложений: «Meridian» — Inter Medium (500) цвета ink, имя приложения — Inter SemiBold (600) цвета приложения: Meridian Write. В тексте интерфейса (заголовок окна, меню) — обычный текст без цветов.
• Горизонтальная композиция: логотип слева, зазор = 0,5 высоты заглавной буквы, высота заглавной буквы = 0,5 диаметра кольца. Базовая линия текста — на экваторе логотипа.
• Вертикальная композиция: логотип над текстом, зазор = 1 m (при 64 — 4 px, при 128 — 8 px), выключка по центру.
• Запрещены: написание «MeridianOffice», «Meridian office», «MERIDIAN», переносы между словами, замена шрифта.

1.4 Значки приложений

Единая сетка 64 × 64: скруглённый квадрат, радиус 22 % стороны = 14 px, заливка — базовый цвет приложения, глиф белый, контурный, штрих 4 px, концы и соединения круглые, активная область глифа 32 × 32 (поля по 16 px), допустимый выход за область — 2 px. Глиф — знак сути, не буква. Второй цвет допустим только у Hub (засечка sun).

SVG каждого глифа (общая подложка <rect width="64" height="64" rx="14" fill="{цвет}"/>, стиль глифа fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" — ниже обозначен G):

<!-- Hub -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#0B3C5D"/>
  <circle cx="32" cy="35" r="13" fill="none" stroke="#fff" stroke-width="4"/>
  <path d="M32 22v26" stroke="#fff" stroke-width="4" stroke-linecap="round"/>
  <circle cx="32" cy="15" r="3.5" fill="#F2A541"/></svg>

<!-- Write -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#3B5BDB"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <path d="M41 17l6 6-19 19-8 2 2-8z"/><path d="M18 47h28"/></g></svg>

<!-- Sheets -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#1E8E5A"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <rect x="18" y="18" width="28" height="28" rx="3"/><path d="M32 18v28M18 32h28"/></g></svg>

<!-- Slides -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#E25C3D"/>
  <rect x="16" y="20" width="32" height="24" rx="3" fill="none" stroke="#fff" stroke-width="4" stroke-linejoin="round"/>
  <path d="M29 26v12l10-6z" fill="#fff"/></svg>

<!-- Draw -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#0E8A8A"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <rect x="16" y="16" width="12" height="12" rx="2"/><circle cx="42" cy="42" r="6"/>
    <path d="M28 22h8a4 4 0 0 1 4 4v10"/></g></svg>

<!-- Paint -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#C2309B"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <path d="M32 16c7 9 12 15 12 22a12 12 0 0 1-24 0c0-7 5-13 12-22z"/><path d="M26 38a6 6 0 0 0 4 5"/></g></svg>

<!-- PDF -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#C92A2A"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <path d="M20 16h16l10 10v22H20z"/><path d="M36 16v10h10"/><path d="M27 34h10M27 41h10"/></g></svg>

<!-- Math -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#495057"/>
  <path d="M22 18h20l-12 14 12 14H22" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>

<!-- Notes -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#7048E8"/>
  <path d="M22 16h20v32l-10-7-10 7z" fill="none" stroke="#fff" stroke-width="4" stroke-linejoin="round"/></svg>

<!-- Mail -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#1C7ED6"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <rect x="16" y="20" width="32" height="24" rx="3"/><path d="M16 25l16 11 16-11"/></g></svg>

<!-- Base -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#A61E4D"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <ellipse cx="32" cy="20" rx="14" ry="5"/><path d="M18 20v24c0 3 6 5 14 5s14-2 14-5V20"/><path d="M18 32c0 3 6 5 14 5s14-2 14-5"/></g></svg>

<!-- Forms -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#5C940D"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <path d="M17 24l4 4 7-8"/><path d="M34 24h13"/><rect x="18" y="36" width="8" height="8" rx="2"/><path d="M34 40h13"/></g></svg>

<!-- Publisher -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#D6336C"/>
  <g fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round">
    <path d="M16 18h14v28H16zM34 18h14v28H34z"/><path d="M22 26v12M39 26h4M39 32h4M39 38h4"/></g></svg>

<!-- Plan -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="#E67700"/>
  <path d="M17 21h16M24 32h22M31 43h14" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round"/></svg>

Платформенные варианты (все собираются скриптом tools/icons/build.py из одного источника brand/app-icons/*.svg):

Общие требования: контраст белого глифа к заливке ≥ 3:1 на всех 14 (минимум — Plan #E67700, 3,00:1; Sun как фон значка не используется); на тёмной теме ОС значок не меняется (кроме macOS-варианта «тёмный»); значок не содержит текста и номера версии.

1.5 Значки типов файлов

Единая основа — лист с загнутым углом (64 × 64: лист 40 × 52 с углом 14 px, обводка border-strong 2 px, заливка surface), глиф приложения цветом приложения (штрих 3 px, область 24 × 24 в нижней части листа). Так документ отличается от значка приложения (цветной квадрат) с первого взгляда, а принадлежность читается по глифу и цвету.

<!-- .mwx: документ Write -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
  <path d="M13 5h26l12 12v42H13z" fill="#FFFFFF" stroke="#C9CED6" stroke-width="2" stroke-linejoin="round"/>
  <path d="M39 5v12h12" fill="#EEF0F3" stroke="#C9CED6" stroke-width="2" stroke-linejoin="round"/>
  <g fill="none" stroke="#3B5BDB" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" transform="translate(20 28)">
    <path d="M18 2l4 4-13 13-6 2 2-6z"/><path d="M2 23h20"/></g>
</svg>

Размеры и форматы — те же, что у значков приложений (ICO 16–256 на Windows, ICNS на macOS, hicolor mimetypes/application-vnd.meridian-write.png на Linux + *.xml в share/mime/packages/meridian.xml). На 16 px остаётся лист + цветной прямоугольник 6 × 6 вместо глифа.

1.6 Заставка (splash) и «О программе»

Заставка показывается только если холодный старт превышает 400 мс (иначе окно появляется сразу), и исчезает по готовности окна документа (плавное растворение 160 мс).

«О программе» — диалог размера S (420 × ~360), вызывается из «Справка → О Meridian Write» (Windows/Linux) и из меню приложения (macOS, стандартный пункт «О Meridian Write»): логотип 48 px; «Meridian Write» 18 px 600; строки kv 12 px: Версия, Сборка (хэш, дата), Канал обновлений, Ядро (версия Meridian Kernel), Qt, Редакция (из лицензии: «Pro · подписка до 12.05.2027 · Александр М.»); кнопки: «Копировать сведения», «Лицензии третьих сторон» (открывает окно со списком и текстами лицензий), «Проверить обновления»; внизу — строка «© 2026 Meridian Software» 11 px text-3 (декоративная, продублирована в сведениях).

2. Цвет

2.1 Принципы

1. Цвета задаются токенами-ролями (color.text.primary, color.apps.write), а не значениями; в коде и макетах литералы запрещены (единственное исключение — палитра документа, которая принадлежит документу, а не интерфейсу).
2. Три темы интерфейса — светлая, тёмная, высококонтрастная — переключаются подменой набора нейтральных и акцентных значений при тех же именах ролей. Тема документа («тёмная страница») — отдельный переключатель (см. 6.11).
3. Акцент = цвет приложения (--app в CSS, Mds.app в QML): фокус, активные вкладки, первичные кнопки, переключатели. В Hub и общих диалогах — ink. Пользователь может выбрать «Цвет системы» или «Нейтральный» (тогда акцент — ink).
4. Шкалы 50…900 построены в OKLCH: фиксированный тон и хрома базового цвета, светлота по ступеням L = 0,975 / 0,945 / 0,895 / 0,825 / 0,735 / 0,645 / 0,565 / 0,495 / 0,425 / 0,345; хрома на светлых ступенях спадает (до 15 % на 50), на тёмных — до 65 %; выход за sRGB отсекается уменьшением хромы. Базовый цвет библии занимает ближайшую по светлоте ступень без изменения значения.
5. Тёмная тема берёт акценты светлее: ступень 500 для всех приложений (для Slides и Plan, чья база уже 500, — 400). Это выполняет требование библии «на ступень светлее» и даёт контраст к поверхности #1F2228 ≥ 4,4:1 (худшие — Paint 500 #D25AAD и Publisher 500 #E1557F, 4,41:1).

Запись в spec/design-tokens.json (DTCG): группа приложения содержит шкалу и три ссылки-роли; потребители берут только роли.

{
  "color": {
    "$type": "color",
    "apps": {
      "sheets": {
        "50": { "$value": "#EAFCF0" }, "100": { "$value": "#DCF4E4" }, "200": { "$value": "#C5E6D1" },
        "300": { "$value": "#A5D3B6" }, "400": { "$value": "#7BBA94" }, "500": { "$value": "#4EA173" },
        "600": { "$value": "#1E8E5A" }, "700": { "$value": "#007546" }, "800": { "$value": "#005E37" }, "900": { "$value": "#004627" },
        "base":       { "$value": "{color.apps.sheets.600}" },
        "accentDark": { "$value": "{color.apps.sheets.500}" },
        "accentText": { "$value": "{color.apps.sheets.700}", "$description": "white text 5.78:1" }
      }
    }
  }
}

2.2 Цвета бренда

Применение: ink — Hub, backstage-навигация, заголовки маркетинга, словесный знак; ink.500 — акцент Hub в тёмной теме; sun — засечка логотипа, звёзды избранного, индикатор обновления, подсветка найденного, прогресс в Hub; текст на sun всегда #1A1D21 (8,24:1), белый текст на sun запрещён (2,05:1).

2.3 Цвета приложений — шкалы 50…900

Жирным — базовое значение из библии (ступень указана в скобках). Светлая тема использует базу, тёмная — ступень 500 (Slides, Plan — 400).

Роли внутри шкалы (светлая тема → тёмная тема):

Контраст белого текста на базовых цветах (WCAG 2.x): Hub 11,55 · Write 5,67 · Sheets 4,14 · Slides 3,60 · Draw 4,18 · Paint 5,01 · PDF 5,46 · Math 8,18 · Notes 5,55 · Mail 4,20 · Base 7,21 · Forms 3,69 · Publisher 4,62 · Plan 3,00. Следовательно accentText = база для Hub, Write, Paint, PDF, Math, Notes, Base, Publisher; и 700 для Sheets #007546 (5,78), Slides #A93315 (6,62), Draw #007071 (5,91), Mail #0063B1 (6,14), Forms #447100 (5,82), Plan #954B00 (6,39). Значки приложений (крупная графика, ≥ 3:1) остаются на базовом цвете.

2.4 Семантические цвета

Роли: semantic.<x>.icon = база (светлая) / 400 (тёмная); semantic.<x>.text = 700 / 400; semantic.<x>.bg = 100 / база с α 0,16; semantic.<x>.border = 300 / 700; кнопка danger = err база с белым текстом (5,46:1), в тёмной — err.500 с #1A1D21. Семантический цвет никогда не единственный носитель смысла: рядом всегда иконка (ico-check, ico-warning, ico-error, ico-info) или текст.

2.5 Нейтральные цвета — три темы

Проверенные контрасты (светлая / тёмная): text на bg 15,64 / 14,47; text на surface 16,91 / 12,98; text2 на bg 5,60 / 6,82; text2 на surface 6,06 / 6,12; text3 на surface 3,18 / 3,47. Правило: text3 допустим только для нетекстовых и декоративных элементов (разделители «·», плейсхолдеры при наличии видимой подписи, номера строк сетки, шевроны) или текста ≥ 18 px/600; любой читаемый мелкий текст — text2 и выше (см. вопрос В-4).

Высококонтрастная тема на Windows подчиняется системным цветам (SystemColors: Window, WindowText, Highlight, HighlightText, ButtonFace, ButtonText, GrayText, Hotlight) — собственные значения из таблицы используются только на macOS/Linux при включённой пользователем HC-теме в параметрах. В HC: тени отключены, все границы 1 px #FFFFFF, фокус — 2 px #FFD400 + 1 px #000000 внутри, значки монохромные.

2.6 Выделение, фокус, подсветки

Фиксированный режим цветов правок (параметр «Цвета правок: фиксированные»): вставка ok.600, удаление err, формат notes.600, перемещение draw.

2.7 Цвета авторов (совместная работа)

Назначаются по порядку присоединения к сеансу; локальный пользователь всегда получает цвет 1 для себя, но другие видят его по общему порядку. 9-й и далее участники получают цвет hash(userId) mod 8 и инициалы на ярлыке.

Набор проверен симуляцией (Machado 2009, протанопия/дейтеранопия/тританопия): минимальное расстояние ΔE(OKLab) между любыми двумя цветами — 4,9, поэтому цвет никогда не единственный признак: курсор другого автора всегда несёт ярлык с именем, а в списке участников — аватар с инициалами.

2.8 Палитра диаграмм (Meridian Chart)

Категориальная, 10 цветов, порядок использования фиксирован; светлая и тёмная темы — разные наборы (в тёмной — светлее):

Проверка на дальтонизм (минимальное ΔE OKLab × 100 между парами после симуляции):

Правила: при 7 и более рядах — дополнительно различать формой маркера (круг, квадрат, ромб, треугольник, крест) и штриховкой заливок (hatch 45°, 2 px); всегда есть легенда и подписи; заливки площадей получают обводку 1 px chart.outline (rgba(26,29,33,.25) / rgba(230,232,235,.25)) — она обеспечивает 3:1 для светлых цветов (sun на белом — 2,05:1 без обводки). Сетка диаграммы — border, оси — borderStrong, подписи — text2 11 px, заголовок — text 13 px 600.

Последовательные (7 ступеней, интерполяция в OKLab):

Расходящиеся (7 ступеней, нейтральная середина #F5F6F8; в тёмной теме середина #2E3238):

Тепловые карты и условное форматирование Sheets используют те же шкалы; «красный-жёлтый-зелёный» из Excel при импорте отображается как есть (цвета принадлежат документу), новые правила по умолчанию предлагают div.coralIndigo (различима при дейтеранопии, в отличие от красно-зелёной).

2.9 Правила контраста (WCAG 2.2)

Инструменты: tools/tokens/check_contrast.py считает все пары из design-tokens.json на каждом CI-прогоне; падение ниже порога — ошибка сборки документации.

2.10 Палитра цветов документа по умолчанию (тема «Meridian»)

Структура как в темах Office (<a:clrScheme>): 2 тёмных + 2 светлых + 6 акцентов, у каждого 5 оттенков (как в выборе цвета Office: светлее 80/60/40 %, темнее 25/50 % — через lumMod/lumOff в HSL, для текстовых/фоновых — своя лестница). При сохранении в .docx/.xlsx/.pptx тема записывается как есть, Office показывает ту же палитру.

Ссылки (hlink) — #3B5BDB, посещённые (folHlink) — #7048E8. В галерее тем документа кроме «Meridian» есть «Office» (точная копия темы Office 2013+: 000000 FFFFFF 44546A E7E6E6 4472C4 ED7D31 A5A5A5 FFC000 5B9BD5 70AD47) — для документов, которые должны выглядеть «как из Word», «Графит» (нейтральная: ink-шкала + math) и «Север» (холодная: hub/draw/mail). Шрифты темы: заголовки — Carlito 600, текст — Carlito; «Классика» — Caladea/Carlito; «Русская» — PT Serif/PT Sans.

2.11 Стандартные цвета

Второй ряд в выборе цвета — 10 фиксированных цветов, не зависящих от темы документа (аналог Standard Colors Office, но в характере MDS — глубже и без неона):

При импорте документов Office стандартные цвета Office (C00000 FF0000 FFC000 FFFF00 92D050 00B050 00B0F0 0070C0 002060 7030A0) сохраняются в документе как явные RGB — наш ряд касается только новых выборов.

3. Типографика

3.1 Шрифт интерфейса — Inter

Inter (SIL OFL 1.1) поставляется в ресурсах приложения (переменный шрифт Inter[opsz,wght].ttf, подмножества латиница + кириллица + греческий; остальные письменности — системный резерв). Включённые OpenType-функции по умолчанию: tnum (табличные цифры) — везде, где числа выравниваются (сетки, строка состояния, числовые поля, масштаб); cv11 (однозначная «I»), ss03 (r с скруглением) — не включаются; calt — включён; liga — выключен в полях ввода кода.

Насыщенности: 400 regular, 500 medium, 600 semibold, 700 bold (только в бейджах и в «жирном» внутри документа — не в UI). Курсив в интерфейсе не используется (кроме fx в строке формул). Цвета: text для основного, text2 для подписей и описаний, запрещено осветлять текст прозрачностью (кроме состояния «выключено»).

Межстрочные в однострочных контролах не задаются — высота строки = высота контрола; текст центрируется по cap-height (в QML — verticalAlignment: Text.AlignVCenter с коррекцией -1 px для Inter на 13 px).

3.2 Системные резервы

Порядок в CSS/QML: Inter, "Segoe UI", "SF Pro Text", Cantarell, Roboto, system-ui, sans-serif (как в mds.css). Моноширинный: JetBrains Mono (OFL) → Menlo → Consolas → monospace; 12 px / 16 px, liga выключен, используется в строке формул, редакторе скриптов, полях с кодом, kbd, именах ячеек и в «Сведениях» для хэшей.

3.3 Шрифты документов в комплекте

Все лицензии перечислены в «О программе → Лицензии третьих сторон» и в THIRD_PARTY_FONTS.md; шрифты с OFL не продаются отдельно и не переименовываются; шрифты с Reserved Font Name не модифицируются (подмножество — только для интерфейсного Inter, в формате, допустимом OFL, с сохранением имени не требуется — используем полное имя Inter).

3.4 Правила подмены шрифтов

Шрифт, отсутствующий в системе, заменяется по таблице (сначала метрическая замена — та же ширина глифов, документ не «поплывёт»; затем визуальная — похожая по стилю; затем общая по классификации PANOSE/OS/2 из метаданных документа). Замена показывается в строке состояния («Шрифт Calibri заменён на Carlito») и в диалоге «Шрифты документа» с кнопками «Встроить», «Заменить везде», «Оставить».

Алгоритм: fontdb ищет точное имя → псевдонимы (fontconfig <alias> на Linux, своя таблица на всех ОС) → таблица выше → по PANOSE (серифность, пропорция, вес) → Noto Sans/Serif по письменности. Результат кэшируется на документ; подмена не записывается в файл при сохранении (сохраняется исходное имя).

3.5 Кириллица и письменности

• Интерфейс: Inter покрывает латиницу (расширенную), кириллицу (включая расширенную — казахский, сербский, башкирский), греческий. Остальное — через резерв по письменности (Qt QFont::setFamilies со списком: Inter, Noto Sans <Script>, <system>).
• Документы: цепочка резерва строится по Unicode-скрипту каждого прогона (unicode-script): латиница/кириллица → запрошенный шрифт; арабский → Noto Naskh Arabic (текст) / Noto Sans Arabic (UI); иврит → Noto Sans Hebrew; деванагари → Noto Sans Devanagari; CJK — по языку документа или lang прогона (SC/TC/JP/KR), по умолчанию — по локали ОС; эмодзи → Noto Color Emoji; математика → STIX Two Math.
• Кириллические особенности: болгарская и сербская формы — через locl при lang=bg/sr; буква «ё» никогда не заменяется на «е» автозаменой; кавычки по умолчанию «ёлочки» для ru и „лапки“ для вложенных; типографские правила (неразрывный пробел после коротких предлогов, тире «—» с пробелами) — в Lingo, не в шрифте.
• Локализованный интерфейс допускает длину строки +30 % (de, fi, ru против en), кегль не уменьшается; при нехватке места текст кнопки переносится на 2 строки только в ribbon-больших кнопках (это их норма), в остальных — усекается с «…» и полным текстом в подсказке.

4. Сетка, геометрия, иконография

4.1 Сетка и отступы

Компоненты строятся на сетке 4 px, раскладка экранов — на 8 px. Колонки Hub/backstage: 12 колонок, желоб 16 px, поля 36 px при ширине ≥ 1280; 24 px при < 1280. Минимальный размер окна приложения: 960 × 600; ниже 1100 px ширины лента переходит в сжатый режим (группы сворачиваются в кнопки-меню), ниже 800 — в компактную панель.

4.2 Радиусы

Вложенный радиус = внешний − отступ (карточка 10 px с полем 4 → содержимое 6 px). Значки приложений — 22 % стороны (не из этой шкалы).

4.3 Обводки

На HiDPI обводки остаются в логических пикселях (1 px → 2 физических при 200 %); на дробных масштабах (125/150 %) 1 px линии выравниваются по физическому пикселю (QQuickItem c antialiasing: false для горизонтальных/вертикальных линий).

4.4 Тени и возвышения

Пять уровней плюс нулевой; цвет тени — #101828 (светлая) / #000000 (тёмная). В HC-теме тени не рисуются (вместо них 1 px граница).

Тень никогда не заменяет границу: у всех всплывающих поверхностей есть 1 px border. Внутренние тени не используются. Затемнение под модальным диалогом — rgba(16,24,40,.35) (светлая) / rgba(0,0,0,.5) (тёмная).

Переменные для mds.css (генерируются из токенов; существующие --shadow/--shadow-lg остаются псевдонимами уровней 2 и 4):

:root{
  --shadow-1:0 1px 2px rgba(16,24,40,.06);
  --shadow-2:0 1px 2px rgba(16,24,40,.06),0 4px 12px rgba(16,24,40,.08);
  --shadow-3:0 2px 4px rgba(16,24,40,.08),0 6px 16px rgba(16,24,40,.12);
  --shadow-4:0 8px 24px rgba(16,24,40,.16);
  --shadow-5:0 16px 48px rgba(16,24,40,.24);
  --shadow:var(--shadow-2); --shadow-lg:var(--shadow-4);
  --overlay:rgba(16,24,40,.35);
}
:root[data-theme="dark"]{
  --shadow-1:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 1px 2px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.4);
  --shadow-3:0 2px 4px rgba(0,0,0,.45),0 6px 16px rgba(0,0,0,.5);
  --shadow-4:0 8px 24px rgba(0,0,0,.6);
  --shadow-5:0 16px 48px rgba(0,0,0,.7);
  --overlay:rgba(0,0,0,.5);
}
:root[data-theme="hc"]{ --shadow-1:none; --shadow-2:none; --shadow-3:none; --shadow-4:none; --shadow-5:none; }

4.5 Иконография — Meridian Glyphs

Ribbon-набор 32 px: сетка 32 × 32, область 28 × 28, штрих 2 px, скругления 2,5 px; допускается второй цвет — заливка accent α 0,2 внутри формы (например, бумага таблицы) и акцентная деталь sun или accent (галочка, плюс); стандартная иконка 20 px масштабируется в 32 только как временная заглушка.

Как рисовать SVG:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"
     fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <!-- ico-save: дискета; внешняя форма по ключевому квадрату 14×14, внутренние детали с зазором ≥ 2 px -->
  <path d="M4 3.5h9.5L16 6v10.5H4z"/>
  <path d="M6.5 3.5V8h6V3.5"/>
  <path d="M6.5 16.5v-5h7v5"/>
</svg>

Правила файла: один <svg> на иконку в brand/icons/20/<name>.svg, без id, style, трансформаций и width/height (их задаёт потребитель); спрайт для макетов mockups/assets/icons.svg собирается скриптом (<symbol id="ico-<name>">); Qt получает SVG через QIconEngine с перекраской (см. 12.4). Запрещены: растровые вставки, градиенты, непарные полупрозрачности, текстовые элементы, штрих ≠ 1,5 (кроме 32-набора).

Стандартные иконки команд (имена ico-*; «З» — есть залитая версия, «R» — зеркалится в RTL):

Итого 285 уникальных имён; первые 40 реализованы в mockups/assets/icons.svg, остальные — по мере прототипирования (до своего набора используются Lucide с переименованием в ico-*, см. библию 5.2).

4.6 Курсоры

Системные курсоры предпочтительны (Qt::CursorShape): ArrowCursor, IBeamCursor (текст), PointingHandCursor (ссылки и только ссылки — не кнопки), SizeAllCursor (перемещение объекта), SizeFDiagCursor/SizeBDiagCursor/SizeHorCursor/ SizeVerCursor (ручки), SplitHCursor/SplitVCursor (разделители панелей, границы столбцов/строк), CrossCursor (рисование фигур, пипетка — свой курсор), OpenHandCursor/ClosedHandCursor (панорамирование холста, пробел), ForbiddenCursor (нельзя бросить), BusyCursor (ожидание < 1 с; дольше — индикатор прогресса, курсор обычный). Собственные курсоры (SVG → 32 × 32, @2x 64): поворот (круглая стрелка), обрезка, пипетка, кисть с размером (кольцо диаметра кисти, 1 px инверсный), заливка, лассо, «добавить к выделению» (+), «вычесть» (−), выделение столбца/строки в Sheets (стрелка вниз/вправо), перетаскивание с копированием (стрелка с «+»). Горячая точка указывается в метаданных cursors/<name>.json.

5. Компоненты

5.0 Единая модель состояний

Все интерактивные компоненты поддерживают один набор состояний с едиными визуальными правилами; ниже у компонентов описаны только отличия.

Те же состояния в CSS макетов (дополнение к mds.css; классы .hover/.pressed/.focus/.disabled — для статических макетов, псевдоклассы — для интерактивных прототипов):

.btn:hover,.btn.hover{background-image:linear-gradient(var(--state-hover),var(--state-hover))}
.btn:active,.btn.pressed{background-image:linear-gradient(var(--state-pressed),var(--state-pressed))}
.btn:focus-visible,.focus-ring{outline:2px solid var(--app);outline-offset:2px}
.input:focus-within,.input.focus{border-color:var(--app);box-shadow:0 0 0 3px var(--sel)}
.btn:disabled,.disabled{opacity:.45;pointer-events:none}
.btn.on,.selected{background:var(--sel);color:var(--text)}
.input.error{border-color:var(--err)} .field .error-text{font-size:12px;color:var(--err-text)}
:root{--state-hover:rgba(26,29,33,.06);--state-pressed:rgba(26,29,33,.12);--err-text:#B5181D}
:root[data-theme="dark"]{--state-hover:rgba(230,232,235,.08);--state-pressed:rgba(230,232,235,.14);--err-text:#EE887E}

Минимальная цель для указателя — 24 × 24 px (WCAG 2.5.8), для сенсорного ввода — 44 × 44 (режим «Сенсор», см. 6.9). Размеры контролов: control.xs 22 px (строки ленты, ячейки), control.s 24 px (малые кнопки, комбо ленты), control.m 30 px (стандарт: кнопки, поля, списки), control.l 36 px (заголовки панелей, крупные поля Hub), control.xl 44 px (сенсор).

5.1 Заголовок окна

5.2 Лента (ribbon)

5.3 Компактная панель

5.4 Панель быстрого доступа

5.5 Backstage (вкладка «Файл»)

5.6 Командная палитра

5.7 Меню и контекстные меню

5.8 Мини-панель

5.9 Боковые панели

5.10 Строка состояния

5.11 Кнопки (6 видов)

Размеры: высота 30 px (sm 24 px, lg 36 px), поля 14 px (sm 10), радиус 6, текст 13 px 500 (sm 12), иконка 16/20 с зазором 6 px; минимальная ширина текстовой кнопки 72 px; кнопки в подвале диалога — одинаковой ширины по самой широкой. Порядок в диалогах: Windows/Linux — [Отмена] [ОК] справа, первичная последняя; macOS — та же раскладка (первичная справа). Клавиатура: Space/Enter — нажать; Enter в диалоге — кнопка по умолчанию (первичная, выделена рамкой accent), Esc — Отмена; у split ↓ открывает меню. Доступность: Button; у dropdown — haspopup=menu; у кнопки-иконки имя = текст подсказки; состояние pressed для кнопок-переключателей (Ж/К/Ч).

5.12 Поля ввода

5.13 Числовые поля с единицами

5.14 Выпадающие списки и комбо

5.15 Флажки, переключатели, радио

5.16 Ползунки

5.17 Вкладки

5.18 Деревья

5.19 Списки

5.20 Таблицы-сетки (data grid)

5.21 Карточки

5.22 Диалоги

5.23 Всплывающие окна (popover)

5.24 Подсказки (tooltip)

5.25 Уведомления: toast и баннеры

5.26 Индикаторы прогресса

5.27 Пустые состояния

5.28 Выбор цвета

5.29 Выбор шрифта

5.30 Галереи стилей

5.31 Масштаб

5.32 Поиск и замена

5.33 Календарь-пикер

5.34 Загрузчик файлов

5.35 Онбординг-подсказки (coach marks)

5.36 Значок «замок» для функций редакции выше

6. Паттерны взаимодействия

6.1 Выделение и манипуляторы

6.2 Drag-and-drop

6.3 Буфер обмена и специальная вставка

• Копирование кладёт все представления: свой XML-фрагмент, text/html (с инлайн-стилями, совместимый с Office), text/rtf, text/plain, image/png (для объектов и диапазонов), text/csv (диапазоны). Большие (> 10 МБ) — отложенное предоставление (delayed rendering) на Windows/macOS.
• Вставка Ctrl+V — по параметру «Вставка по умолчанию»: Сохранить исходное форматирование / Объединить форматирование (по умолчанию для текста из других программ) / Только текст. После вставки — кнопка «Параметры вставки» (Ctrl) у конца вставленного: чип 24 px с иконкой, раскрывается в ряд из 3–5 иконок с подсказками и живым предпросмотром; исчезает при следующем действии.
• Специальная вставка Ctrl+Alt+V — диалог S: список форматов из буфера с описанием («Таблица Meridian», «HTML», «Текст», «Рисунок (PNG)», «Связать»), предпросмотр; в Sheets — матрица «Что вставить» (всё/формулы/значения/форматы/ширины) × «Операция» × «Транспонировать» × «Пропускать пустые».
• Буфер пакета (история): до 24 последних элементов (Ctrl+Shift+V — панель с миниатюрами, закрепление, очистка); хранится в брокере Hub, не переживает выход, если не закреплён; чувствительные данные (пароли из полей) не попадают.
• Вырезание объектов — объект исчезает сразу; текст — помечается полупрозрачным до завершения в Sheets («марширующая» пунктирная рамка 1 px для диапазона, Esc снимает).

6.4 Отмена и повтор

6.5 Клавиатура

• Модель фокуса. Один фокусный элемент на окно; области по F6/Shift+F6 (заголовок → лента/компактная панель → холст → боковые панели слева направо → строка состояния → область уведомлений); Tab — внутри области; Esc всегда ведёт «назад»: закрыть popover → свернуть ленту-popover → вернуть фокус в документ. Фокус-кольцо показывается только после клавиатурного ввода (:focus-visible; в Qt — Qt::TabFocusReason/BacktabFocusReason).
• KeyTips. Alt или F10 показывает над вкладками ленты и панелью быстрого доступа чипы 18 px (surface, рамка 1 px, радиус 4, Inter 11 600) с буквами: Файл Ф/F, Главная Я/H, Вставка С/N, Макет М/P, Ссылки К/S, Рецензирование Р/R, Вид В/W, Скрипты Т/Y; затем — буквы команд внутри вкладки (1–2 символа, назначаются детерминированно из ribbon.json, пользовательские — в настройке ленты). Раскладка: KeyTips принимают и русскую, и латинскую букву одной клавиши (сопоставление по скан-коду). Esc — на уровень вверх, Alt повторно — выход.
• Схемы горячих клавиш. «Microsoft Office» (по умолчанию: Ctrl+B/I/U, Ctrl+E/L/R/J, Ctrl+Shift+>/< размер, F7 орфография, F12 сохранить как, Shift+F3 регистр, Ctrl+Alt+M комментарий), «LibreOffice», «Meridian» (своя: без конфликтов с системой, Ctrl+K палитра) — переключаются в параметрах; на macOS Ctrl → ⌘, а Alt-мнемоники заменяются палитрой и меню «Справка → Поиск». Любое сочетание переназначается в «Параметры → Горячие клавиши» (поиск по команде, конфликты подсвечиваются warn, экспорт keys.json).
• Правила. Все команды доступны с клавиатуры (ленту можно обойти целиком с Alt); однобуквенные клавиши без модификатора — только в режимах инструментов (Paint/Draw: V выделение, B кисть, E ластик — как в графических редакторах) и отключаются в текстовых полях; Enter в таблицах — переход вниз (параметр), Tab — вправо/новая строка в конце; сочетания показываются в подсказках и меню в нотации ОС (Ctrl+S / ⌘S).

6.6 Контекстные меню

Правила содержимого (сверху вниз): 1) действия с выделением (Вырезать/Копировать/Вставить/Параметры вставки); 2) свойства объекта («Абзац…», «Шрифт…», «Таблица ▸», «Рисунок…»); 3) создание в контексте («Комментарий», «Ссылка», «Закладка»); 4) поиск и инструменты («Искать «…»», «Перевести», «Синонимы ▸», «Assist ▸»); 5) не более 12 пунктов верхнего уровня, подменю ≤ 2 уровней; опасные действия («Удалить таблицу») — в конце, отделены разделителем, не красным. Контекстное меню никогда не единственный путь к команде. На сенсоре — вызов долгим нажатием (500 мс) с хаптикой; на пере — кнопка пера.

6.7 Ввод IME

• Composition-текст (хангыль, пиньинь, кана, также диакритика через dead keys) рисуется в документе на месте каретки подчёркиванием 1 px text (Windows/macOS) или по стилю системы; кандидаты — системное окно IME, позиционируемое по QInputMethod::cursorRectangle (окно у каретки, ниже строки, учитывает масштаб и прокрутку холста).
• Поддерживаемые атрибуты: TextFormat (подчёркивание сегментов, выбранный сегмент — selection.bg), Cursor, Selection. В Sheets ввод IME открывает редактор ячейки сразу; в полях ленты — стандартный Qt.
• Esc во время композиции — отменяет композицию, не закрывает диалог. Горячие клавиши блокируются до завершения композиции.
• Проверка: тесты с MS-IME (яп.), Microsoft Pinyin, macOS Pinyin/Hiragana, ibus/fcitx5 (Linux, X11 и Wayland text-input-v3), переключение раскладки RU/EN (Alt+Shift/Ctrl+Space) не ломает KeyTips.

6.8 Сенсор и перо

6.9 Многооконность

• Один документ = одно окно верхнего уровня (и свой процесс, см. библию 6); Hub — отдельное окно; «Окно → Новое окно» открывает второе представление того же документа (общая модель, своя прокрутка/масштаб/выделение), заголовок «Договор.mwx:2».
• Окна одного приложения показываются в «Окно → список» и в переключателе задач ОС по отдельности; на macOS — стандартное меню «Окно» с «Собрать все в одном окне» (вкладки документов — системные NSWindow tabbing, параметр).
• Положение/размер/монитор/масштаб запоминаются на документ (settings.xml, не синхронизируются) и на приложение для новых; окно, открытое на отсутствующем мониторе, переносится на основной.
• Диалоги привязаны к своему окну; палитры (Стили, Поиск) — к окну; панель «Буфер» и «Центр задач» — к Hub (общие).
• Перетаскивание вкладки листа/слайда в другое окно того же приложения — перенос/копия (как в браузерах).

6.10 Режимы плотности

Выбор запоминается на приложение; документ не меняет режим; все панели сохраняют состояние между режимами.

6.11 Тёмная тема интерфейса и «тёмная страница»

• Тема интерфейса (светлая/тёмная/как в системе/HC) красит хром: ленту, панели, диалоги, холст вокруг страницы (canvas), но не страницу документа: страница остаётся белой (#FFFFFF) с цветами документа — то, что пойдёт на печать.
• Тёмная страница — отдельный переключатель «Вид → Тёмная страница» (Ctrl+Shift+D): страница рисуется на page темы (#24272D), текст документа инвертируется по правилу: цвета с яркостью L < 0,3 → #E6E8EB, L > 0,85 → #24272D, остальные — без изменения; картинки без инверсии; фон страницы из документа (если задан) — без изменения (режим не применяется, показывается подсказка). Это только представление: печать, PDF и сохранение не меняются.
• Sheets в тёмной странице: сетка #2E3238, ячейки #24272D, заливки ячеек — как есть; условное форматирование — как есть.
• Slides: слайды не инвертируются никогда (это и есть продукт); тёмная тема — только хром; «тёмная страница» недоступна.
• В «Параметрах → Внешний вид» — предпросмотр обоих переключателей на одной картинке.

6.12 Печать и предпросмотр

• Ctrl+P → backstage «Печать»: слева параметры (принтер — системный список с иконкой состояния, копии, страницы, двусторонняя, ориентация, размер бумаги, поля, масштаб «по ширине», разбор по копиям), справа — предпросмотр (страницы в масштабе, навигация ‹ 3 / 12 ›, масштаб предпросмотра), кнопка «Печать» первичная сверху; «Системный диалог…» — нативный (macOS всегда через NSPrintPanel с нашей панелью аксессуаров).
• Предпросмотр использует тот же список отображения, что и печать (Meridian Render), поэтому WYSIWYG; непечатаемые элементы (комментарии, правки — по параметру «Печатать пометки», сетка, границы полей) исключаются.
• Быстрая печать (панель быстрого доступа) — на принтер по умолчанию без диалога, с toast «Отправлено на печать — Отменить».
• Экспорт в PDF — тот же экран с переключателем «PDF»: PDF/A-2b, PDF/UA (структурные теги из модели документа), закладки из заголовков, шрифты встраиваются подмножеством (кроме запрещённых лицензией — предупреждение).

7. Движение

Что анимируется: непрозрачность, положение (≤ 24 px сдвиг при появлении), масштаб 0,96 → 1 (диалоги/popover), высота (аккордеон, лента), цвет (120 мс). Что не анимируется: содержимое документа (каретка мигает системным интервалом, прокрутка — без инерции на колесе, с инерцией на сенсоре), размер окна, перетаскивание (следует за курсором без сглаживания), текст. Слайд-анимации Slides — часть документа, не интерфейса.

«Уменьшить движение» (Windows «Эффекты анимации», macOS «Уменьшить движение», GNOME enable-animations): все длительности → 0 (кроме прогресса и спиннера — заменяются на пульсацию), переходы — мгновенная смена; параметр «Анимация» в настройках переопределяет. Частота — 60 Гц минимум, анимации на QQuickItem через Behavior/NumberAnimation в сцене, без таймеров.

8. Доступность

8.1 Уровень и принципы

Цель — WCAG 2.2 AA для всего интерфейса (с AAA по контрасту основного текста) и EN 301 549 / ГОСТ Р 52872 для госсектора. Каждый компонент из раздела 5 имеет строки «Клавиатура» и «Доступность»; PR без них для нового компонента не принимается. Пользовательские документы — отдельно (8.6).

8.2 Экранные дикторы

Холст документа — не одна картинка: ядро отдаёт дерево доступности (a11y-tree из Meridian Kernel: документ → секции → абзацы/таблицы/объекты → текст с атрибутами, позиция каретки, выделение), оболочка публикует его через QAccessibleTextInterface /QAccessibleTableInterface; обновления инкрементальные (события TextInserted/Removed, SelectionChanged, CaretMoved). Строка состояния, toast, счётчики поиска — live области. Все иконки-кнопки имеют имя; декоративные — Accessible.ignored.

8.3 Клавиатура

Все компоненты — по таблицам раздела 5; дополнительно: видимый фокус везде (2.4.7), нет ловушек (2.1.2) кроме модальных диалогов с Esc, однобуквенные сочетания отключаемы (2.1.4), порядок фокуса = визуальный порядок (слева направо, сверху вниз; RTL — зеркально), F6 между областями, Ctrl+F6 между панелями, Alt+Shift+F10 (Windows) — кнопка параметров вставки/автозамены, сенсорные альтернативы перетаскиванию (2.5.7), цель ≥ 24 px (2.5.8), помощь по доступности в одном месте «Справка → Доступность» (3.2.6).

8.4 Высокий контраст

Windows: при SPI_GETHIGHCONTRAST — тема «Высокий контраст» (2.5) с цветами из SystemColors, все изображения-иконки перекрашиваются в WindowText, фокус — Highlight 2 px, выделение — Highlight/HighlightText, тени и полупрозрачности выключены, selection.bg → Highlight сплошной; документ: страница — Window, текст — WindowText (как «тёмная страница» с системными цветами), по параметру «Цвета документа в HC: системные / документа». macOS «Увеличить контраст»: рамки → borderStrong → text2, 1 px границы у всех кнопок (включая ghost), цвета без изменений. GNOME high-contrast: собственная HC-тема (2.5). Проверка: все состояния различимы без цвета (иконки, подчёркивания, рамки) — требование для HC и для дальтонизма.

8.5 Масштаб 100–400 %

• Интерфейс масштабируется от DPI ОС (Windows per-monitor v2, macOS backing scale, Wayland fractional-scale-v1, X11 Xft.dpi) и параметром «Масштаб интерфейса» 100–400 % с шагом 25 (отдельно от масштаба документа).
• Раскладка — относительная (anchors/Layouts), без фиксированных ширин, кроме минимумов; при 200 %+ и окне < 1280 px лента сворачивает группы, панели переходят в overlay; при 400 % — компактная панель принудительно; текст не усекается, а переносится.
• Текст интерфейса масштабируется с системным «Размер текста» (Windows) — отдельно от DPI (до 225 %), размеры контролов растут по высоте строки (1.4.4, 1.4.12).
• Все растры заменены SVG; растровые превью (шаблоны, миниатюры) — рендер по требованию в нужном масштабе.

8.6 Проверка документов на доступность

Панель «Рецензирование → Доступность» (аналог Accessibility Checker): список проблем по категориям — ошибки (нет альтернативного текста у изображений, таблица без заголовков, контраст текста < 4,5:1, пустые заголовки, ссылки «здесь», порядок чтения слайдов, объединённые ячейки в таблицах данных), предупреждения (повторяющиеся пробелы, таблицы-макеты, малый кегль < 9 pt), советы. Клик — переход к объекту с подсветкой, панель свойств открывает нужное поле; «Исправить» — для автоматических (генерация alt через Assist по согласию). Статус в строке состояния: «Доступность: 2 ошибки» (кликабельно). Экспорт в PDF/UA требует «0 ошибок» или явного подтверждения. Автор видит индикатор во время работы (параметр «Проверять при вводе»).

9. Платформенные адаптации

9.1 Что одинаково, что по-платформенному

9.2 macOS

• Нативная строка меню: Meridian Write (О программе, Настройки ⌘,, Службы, Скрыть, Завершить), Файл, Правка, Вид, Вставка, Формат, Инструменты, Окно, Справка (с полем поиска, которое ищет по меню и по палитре). Пункты с горячими клавишами в нотации ⌘⌥⇧⌃. Лента остаётся (как в Office для Mac); опция «Только строка меню + компактная панель».
• Заголовок: NSWindow с прозрачным заголовком и fullSizeContentView; светофоры слева, наш контент отступает 78 px; на унифицированной панели (52 px) — поиск и аватар; значок документа-прокси (proxy icon) с перетаскиванием и ⌘-клик по имени — путь файла; имя документа редактируется по клику (Sonoma+ поведение).
• Полноэкранный режим — системный (⌃⌘F, зелёная кнопка), лента автоскрывается вместе со строкой меню; Split View поддерживается (минимум 600 px ширины).
• Параметры — окно «Настройки» с тулбаром-вкладками (не backstage), ⌘,; «О программе» — стандартное.
• Прокрутка — инерционная с резинкой у краёв холста; полосы — системные overlay; ⌘-клик — множественный выбор; трекпад поворот/масштаб; Force Touch — не используется.
• Touch Bar — не поддерживается (устройств больше нет); Handoff/Continuity — не цель; Quick Look-плагин для .mwx/.msx/.mpx (превью из thumbnail.png + рендер первой страницы) — да; Spotlight-импортёр метаданных (meta.xml) — да.
• Sandbox App Store не цель 1.0 (DMG + нотаризация); security-scoped bookmarks для недавних файлов всё равно используются.

9.3 Windows 11 (и 10)

• CSD-заголовок с кнопками системного вида (свернуть/развернуть/закрыть 46 × 32, hover state.hover, закрыть — #C42B1C при наведении), snap layouts при наведении на «развернуть» (WM_NCHITTEST → HTMAXBUTTON), перетаскивание и Win+стрелки; скругление окна — системное (DWMWA_WINDOW_CORNER_PREFERENCE), тень — DWM.
• Mica (Windows 11) — по опции «Прозрачность системы» для фона окна Hub и заголовка (DWMWA_SYSTEMBACKDROP_TYPE), при выключенной прозрачности в системе — сплошной bg; Acrylic — для всплывающих меню/палитры по той же опции. По умолчанию выключено (производительность, читаемость).
• Jump list в панели задач: «Недавние» (до 10), «Задачи» (Новый документ, Открыть Hub); значок прогресса на кнопке таскбара (ITaskbarList3::SetProgressValue) для экспорта/печати; оверлей-значок при ошибке синхронизации; миниатюры окон — системные.
• Ассоциации файлов — через MSIX-манифест (FileTypeAssociation) и «Приложения по умолчанию»; превью в проводнике — IThumbnailProvider из thumbnail.png; свойства — IPropertyStore (автор, заголовок, страницы).
• Акцент системы (опция): UISettings.GetColorValue(Accent) → accent при выборе «Цвет системы» в параметрах; тёмная тема — Apps mode.
• Windows 10: без Mica/snap layouts, скругления отключены, остальное идентично; минимальная версия 1809.

9.4 Linux

• Среды: GNOME (HIG: CSD-заголовок приемлем, кнопки окна по org.gnome.desktop.wm.preferences button-layout), KDE Plasma (SSD по умолчанию, при CSD — KDecoration цвета), прочие (XFCE, Cinnamon — SSD). Определение по XDG_CURRENT_DESKTOP; переключение CSD/SSD — в параметрах, по умолчанию: GNOME → CSD, иначе → SSD.
• Wayland — основной (xdg-decoration для SSD, fractional-scale-v1, text-input-v3, xdg-activation для фокуса окон из Hub); X11 — полный паритет кроме дробного масштаба (целочисленный + масштаб текста).
• Темы системы: следуем светлой/тёмной через портал org.freedesktop.portal.Settings (color-scheme); акцент — accent-color (GNOME 47+/KDE) по опции; GTK/Qt-темы (Breeze, Adwaita) не применяются к MDS-контролам (стиль свой), только к нативным диалогам.
• Flatpak (основной канал): порталы для файлов (FileChooser), печати (Print), пипетки (Screenshot.PickColor), уведомлений, автозапуска Hub-брокера (Background), шрифтов хоста через --filesystem=xdg-data/fonts:ro и fontconfig; app-id = org.meridian.Office, приложения — как org.meridian.Write и т. д. в одном пакете с несколькими .desktop.
• Иконки hicolor + symbolic (1.4); MIME-типы в share/mime/packages/org.meridian.Office.xml; миниатюры — thumbnailer для .mwx и др. (org.meridian.Office.thumbnailer); AppStream metainfo.xml с скриншотами в светлой и тёмной теме.
• Клавиатура: Super не используется; Ctrl+Alt+… избегаем (конфликты с переключением рабочих столов); compose-клавиша и Ctrl+Shift+U — поддерживаются как у GTK.

10. Локализация

10.1 Языки

Исходный язык строк — английский (ключи и контекст в коде), русский — первый перевод с тем же приоритетом (оба проверяются вручную перед релизом). Формат — Qt .ts с контекстом и комментариями для переводчиков (//: Button in Save dialog), сборка в .qm; строки документных шаблонов и справки — отдельно (Markdown + gettext). Платформа перевода — Weblate (свой экземпляр).

10.2 Правила строк

• Не склеивать строки из частей; плейсхолдеры именованные: %{count}, %{name} (через QString::arg с индексами, порядок меняется переводом).
• Формы множественного числа — ICU plural (one/few/many/other для ru: «1 файл, 2 файла, 5 файлов»); Qt::tr(..., n) используется только для простых случаев.
• Род и падежи: не подставлять имена в середину фразы, где нужен падеж («Удалить «%{name}»?» — именительный в кавычках); для имени документа — всегда в кавычках «ёлочках».
• Длина: макеты проверяются псевдолокализацией (+30 % длины, диакритика: [Šåvé ţhé fíłé…]), немецкие и финские строки — эталон максимума; подписи ribbon-больших кнопок — 2 строки по 11 px до 64 px ширины; при нехватке — сокращение из .ts (//~ short).
• Заглавные: предложения с заглавной первой буквы, остальное строчными («Сохранить как», не «Сохранить Как»); английский — sentence case (не Title Case), кроме названий продуктов.
• Знаки: русская типографика в интерфейсе — «ёлочки», тире «—» с пробелами, многоточие «…» (один символ), неразрывный пробел перед единицами (12 МБ, 100 %).
• Клавиши: названия в нотации ОС (Ctrl, Shift, Alt; macOS — символы), названия клавиш не переводятся кроме «Пробел», «Ввод», «Стрелка вверх» в тексте подсказок.

10.3 Форматы (ICU4X)

10.4 RTL

Для ar, he, fa интерфейс зеркалится целиком (Qt::RightToLeft на приложении): лента (вкладки справа налево, «Файл» справа), панели (навигация справа, свойства слева), порядок кнопок диалогов (первичная слева), шевроны и стрелки навигации (иконки с флагом mirror отражаются; undo/redo, indent/outdent, align-left/right — зеркалятся; check, search, clock, медиа-play, логотипы — нет), выравнивание текста по умолчанию в документе — по направлению языка абзаца (bidi по Unicode UAX #9, явный переключатель «Направление абзаца» в ленте). Числа и коды остаются LTR внутри RTL-строк (ICU bidi). Горячие клавиши не зеркалятся. Макеты проверяются в псевдо-RTL.

10.5 Письменности и шрифты

См. 3.5: Inter для латиницы/кириллицы/греческого, Noto по письменности для остального, CJK по языку интерфейса. Высота строк интерфейса для CJK/тайского/деванагари увеличивается до 1,5 (из метрик шрифта), контролы растут. Интерфейс на японском/китайском использует системный шрифт по умолчанию (Yu Gothic UI / PingFang / Noto Sans CJK) — Inter остаётся для латиницы в смешанном тексте.

10.6 Перевод названий функций Sheets

• Хранение — всегда английские канонические имена (SUM, VLOOKUP, XLOOKUP) с разделителем аргументов , и десятичной точкой (как в OOXML); отображение — по локали функций документа (параметр: «как интерфейс» / «английские»).
• Русская локаль: имена как в Excel (СУММ, ВПР, ПРОСМОТРX, ЕСЛИ, СЦЕПИТЬ, ТЕКСТ), разделитель аргументов ;, десятичная запятая; таблица соответствия — spec/sheets-functions-ru.json (500+ функций), источник — официальный список Excel; функции без принятого перевода — английские.
• Автодополнение принимает оба имени (SUM и СУММ), показывает локализованное; подсказка сигнатуры — локализованная с английским именем в скобках; ошибка #ИМЯ? ↔︎ #NAME? — локализуется, как в Excel; при вставке формулы из другой локали — автоопределение по разделителям с подтверждением.
• Имена листов, именованные диапазоны, структурированные ссылки (Таблица1[Сумма]) — не переводятся.

11. Голос и тон

11.1 Правила текста интерфейса

11.2 Словарь терминов (ru / en)

11.3 Сообщения об ошибках

Структура: что случилось (заголовок, без кода) → почему / что сделать (1–2 предложения) → действия (кнопки) → код ошибки и «Подробнее» (сворачиваемый блок, копируется).

Падение документа: диалог «Документ восстановлен» со списком версий (автосохранение каждые 2 с), кнопки [Открыть восстановленный] [Открыть последний сохранённый], отчёт о сбое — отдельным флажком «Отправить отчёт (без содержимого документа)».

11.4 Пустые состояния и подсказки

Формула: что здесь будет + как начать (одно действие). Тон нейтральный, без извинений («Пока нет комментариев» — не «Увы, здесь пусто»). Плейсхолдеры полей — пример значения, а не инструкция («например, Договор поставки» — не «Введите название»). Подсказки (tooltip) — имя команды + горячая клавиша, расширенные — что произойдёт («Записывать правки — все изменения будут отмечены цветом автора»).

12. Реализация в Qt

12.1 Структура

shell/
  mds/                                  ← библиотека дизайн-системы (QML-модуль org.meridian.mds)
    qmldir
    Mds.qml                             ← синглтон: токены (генерируется), тема, плотность, платформа
    MdsTheme.qml                        ← текущая палитра (light/dark/hc) как свойства, переключение на лету
    style/                              ← стиль Qt Quick Controls «Meridian» (QQC2 custom style)
      qmldir                            ← module org.meridian.mds.style
      Button.qml  CheckBox.qml  ComboBox.qml  Dialog.qml  Menu.qml  MenuItem.qml  Popup.qml
      RadioButton.qml  ScrollBar.qml  Slider.qml  SpinBox.qml  Switch.qml  TabBar.qml  TabButton.qml
      TextField.qml  TextArea.qml  ToolButton.qml  ToolTip.qml  TreeViewDelegate.qml  Frame.qml ...
    components/                         ← компоненты сверх QQC2 (раздел 5)
      Ribbon.qml  RibbonTab.qml  RibbonGroup.qml  RibbonButton.qml  RibbonGallery.qml  KeyTipOverlay.qml
      CompactBar.qml  QuickAccessBar.qml  Backstage.qml  CommandPalette.qml  MiniToolbar.qml
      SidePanel.qml  PanelDock.qml  StatusBar.qml  TitleBar.qml  Toast.qml  Banner.qml  EmptyState.qml
      ColorPicker.qml  FontPicker.qml  StyleGallery.qml  ZoomControl.qml  FindBar.qml  DatePicker.qml
      FileDropZone.qml  CoachMark.qml  FeatureLock.qml  NumberField.qml  ProgressRing.qml  Card.qml
    icons/                              ← MdsIcon.qml + QIconEngine (C++), SVG из brand/icons
    fonts/                              ← Inter, JetBrains Mono (qrc), регистрация в QFontDatabase
    cpp/                                ← MdsPlatform (DPI, тема ОС, акцент, reduce-motion), MdsPalette (QPalette)
spec/design-tokens.json                 ← источник истины
tools/tokens/build.py                   ← JSON → Mds.qml (синглтон), mds.css, MdsPalette.cpp, tokens.rs (для рендера)

12.2 Генерация токенов

tools/tokens/build.py читает spec/design-tokens.json (DTCG), разрешает ссылки {color.apps.write.700}, и пишет:

1. shell/mds/Mds.qml — pragma Singleton, объекты color, space, radius, font, shadow, duration, easing; цветовые группы с темами — как функции theme.light/dark/hc и текущие свойства в MdsTheme;
2. mockups/assets/mds.css (блок :root и темы — только секция токенов, компоненты остаются ручными; собирается с маркерами /* @tokens:start */ … /* @tokens:end */);
3. shell/mds/cpp/MdsPalette.cpp — QPalette для виджетов и нативных диалогов;
4. kernel/crates/meridian-render/src/tokens.rs — константы для рендера выделений/подсветок в документе (цвета авторов, find).

Правила генератора: ссылки {a.b.c} разрешаются до значений (в QML — до привязок на Mds.*, чтобы тема переключалась); цвета с альфой #RRGGBBAA → rgba() в CSS и Qt.rgba() в QML; dimension px → целые логические px; составные shadow → box-shadow / MultiEffect параметры; typography → font в CSS и объект {family,pixelSize,weight} в QML. Фрагмент выхода для mds.css:

/* @tokens:start — сгенерировано tools/tokens/build.py из spec/design-tokens.json, не править вручную */
:root{
  --m-ink:#0B3C5D; --m-sun:#F2A541;
  --app-hub:#0B3C5D; --app-write:#3B5BDB; --app-sheets:#1E8E5A; --app-slides:#E25C3D; --app-draw:#0E8A8A;
  --app-paint:#C2309B; --app-pdf:#C92A2A; --app-math:#495057; --app-notes:#7048E8; --app-mail:#1C7ED6;
  --app-base:#A61E4D; --app-forms:#5C940D; --app-publisher:#D6336C; --app-plan:#E67700;
  --app-write-text:#3B5BDB; --app-sheets-text:#007546; --app-slides-text:#A93315; --app-draw-text:#007071;
  --app-mail-text:#0063B1; --app-forms-text:#447100; --app-plan-text:#954B00;
  --bg:#F5F6F8; --surface:#FFFFFF; --surface-2:#EEF0F3; --border:#E1E4E8; --border-strong:#C9CED6;
  --text:#1A1D21; --text-2:#5C636E; --text-3:#8A919C; --canvas:#E9EBEF; --page:#FFFFFF;
  --ok:#2F9E44; --warn:#E8590C; --err:#C92A2A; --info:#1C7ED6;
  --sel:rgba(59,91,219,.18); --sel-border:#3B5BDB;
  --r-xs:4px; --r-s:6px; --r-m:10px; --r-l:14px; --r-pill:999px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px;
  --h-xs:22px; --h-s:24px; --h-m:30px; --h-l:36px; --h-xl:44px;
  --font:Inter,"Segoe UI","SF Pro Text",Cantarell,Roboto,system-ui,sans-serif; --mono:"JetBrains Mono",Menlo,Consolas,monospace;
  --dur-fast:120ms; --dur-base:160ms; --dur-slow:200ms; --ease-out:cubic-bezier(0,0,.2,1);
}
:root[data-theme="dark"]{
  --app-write:#6587EC; --app-sheets:#4EA173; --app-slides:#F2876E; --app-draw:#489D9D; --app-paint:#D25AAD; --app-pdf:#DE6057;
  --app-math:#898E94; --app-notes:#8B76F5; --app-mail:#4591DF; --app-base:#CC6B81; --app-forms:#6C9F34; --app-publisher:#E1557F;
  --app-plan:#EE8E44; --app-hub:#7691A8;
  /* …нейтральные и тени тёмной темы… */
}
@media (prefers-reduced-motion: reduce){ :root{ --dur-fast:0ms; --dur-base:0ms; --dur-slow:0ms; } }
/* @tokens:end */

// shell/mds/Mds.qml — сгенерировано tools/tokens/build.py, не править / generated, do not edit
pragma Singleton
import QtQuick

QtObject {
    id: mds
    // Тема и плотность / theme & density
    property string theme: MdsPlatform.systemTheme      // "light" | "dark" | "hc"
    property string density: "ribbon"                   // "ribbon" | "compact" | "focus"
    property bool touch: MdsPlatform.touchMode
    property real scale: 1.0                            // пользовательский масштаб 1.0–4.0

    // Цвет приложения / per-app accent (set by the app shell)
    property color app: color.apps.write.accent
    property color appText: color.apps.write.accentText

    readonly property QtObject color: QtObject {
        readonly property color bg:          theme === "dark" ? "#16181D" : theme === "hc" ? "#000000" : "#F5F6F8"
        readonly property color surface:     theme === "dark" ? "#1F2228" : theme === "hc" ? "#000000" : "#FFFFFF"
        readonly property color surface2:    theme === "dark" ? "#262A31" : theme === "hc" ? "#1A1A1A" : "#EEF0F3"
        readonly property color border:      theme === "dark" ? "#2E3238" : theme === "hc" ? "#FFFFFF" : "#E1E4E8"
        readonly property color borderStrong:theme === "dark" ? "#3C4149" : theme === "hc" ? "#FFFFFF" : "#C9CED6"
        readonly property color text:        theme === "dark" ? "#E6E8EB" : theme === "hc" ? "#FFFFFF" : "#1A1D21"
        readonly property color text2:       theme === "dark" ? "#9AA1AB" : theme === "hc" ? "#FFFFFF" : "#5C636E"
        readonly property color text3:       theme === "dark" ? "#6F7680" : theme === "hc" ? "#FFFFFF" : "#8A919C"
        readonly property color selection:   theme === "dark" ? "#6080FF47" : theme === "hc" ? "#FFD400" : "#3B5BDB2E"
        readonly property QtObject apps: QtObject {
            readonly property QtObject write: QtObject {
                readonly property color accent:     theme === "dark" ? "#6587EC" : "#3B5BDB"
                readonly property color accentText: theme === "dark" ? "#88A6F8" : "#3B5BDB"
                readonly property color subtle:     theme === "dark" ? "#3B5BDB29" : "#E5EDFF"
                readonly property var scale: ["#F3F7FF","#E5EDFF","#CEDCFF","#ADC4FF","#88A6F8","#6587EC","#486AE1","#3B5BDB","#263DB2","#172692"]
            }
            // … остальные 13 приложений / other apps
        }
    }
    readonly property QtObject space: QtObject { readonly property int s1: 4; readonly property int s2: 8; readonly property int s3: 12; readonly property int s4: 16; readonly property int s6: 24 }
    readonly property QtObject radius: QtObject { readonly property int xs: 4; readonly property int s: 6; readonly property int m: 10; readonly property int l: 14; readonly property int pill: 999 }
    readonly property QtObject font: QtObject {
        readonly property string family: "Inter"
        readonly property string mono: "JetBrains Mono"
        readonly property int xs: 11; readonly property int s: 12; readonly property int m: 13; readonly property int l: 15; readonly property int xl: 18; readonly property int xxl: 24; readonly property int xxxl: 32
    }
    readonly property QtObject duration: QtObject { readonly property int fast: 120; readonly property int base: 160; readonly property int slow: 200; readonly property int slower: 300 }
    readonly property var easingOut: [0, 0, 0.2, 1]
    function ms(d) { return MdsPlatform.reduceMotion ? 0 : d }   // уважение к «уменьшить движение» / reduce motion
}