import type { SolutionLocaleCopy } from './types';

export const RU: SolutionLocaleCopy = {
  prototype: {
    title: 'Создавайте интерактивные прототипы с Open Design + Claude Code',
    description:
      'Превратите промпт в кликабельный многоэкранный прототип, не покидая терминал. Open Design даёт вашему кодинг-агенту дизайнерские навыки, шаблоны и дизайн-систему, чтобы выпускать настоящие прототипы, которые открываются в браузере.',
    breadcrumb: 'Прототип',
    label: 'Сценарий · Прототип',
    heading: 'Прототип со скоростью промпта',
    lead: 'Опишите задуманный поток, и агент соберёт настоящий кликабельный прототип — несколько экранов, общие стили и живые взаимодействия — отрисованный прямо в HTML, который можно открыть, поделиться и передать инженерам.',
    heroImageAlt:
      'Редакционная иллюстрация руки, набрасывающей вайрфрейм, который превращается в кликабельный многоэкранный прототип приложения',
    tldrTitle: 'В одну строку',
    tldrBody:
      'Open Design — это слой дизайна для кодинг-агента, которым вы уже пользуетесь. Для прототипирования это значит пройти путь от идеи в один абзац до навигируемого стилизованного прототипа за одну сессию — без дизайн-инструмента, без шага экспорта, без разрыва при передаче.',
    stepsTitle: 'Как работает прототипирование с Open Design',
    steps: [
      {
        title: 'Опишите поток',
        body: 'Расскажите агенту, что вы создаёте, простыми словами — «онбординг с экраном приветствия, выбором тарифа и подтверждением». Open Design загружает навык прототипирования, чтобы агент знал: нужны экраны, а не одна страница.',
        imageAlt:
          'Иллюстрация человека, набирающего в терминале описание потока приложения простым языком',
      },
      {
        title: 'Сгенерируйте стилизованные экраны',
        body: 'Агент применяет дизайн-систему и шаблоны прототипов из Open Design, поэтому каждый экран использует общую типографику, отступы и компоненты, а не выглядит черновиком. Вы получаете связный набор экранов, а не разрозненные макеты.',
        imageAlt:
          'Иллюстрация нескольких экранов приложения, появляющихся последовательно, все с одним единым визуальным стилем',
      },
      {
        title: 'Свяжите взаимодействия',
        body: 'Кнопки ведут по навигации, вкладки переключаются, модальные окна открываются. Прототип отрисовывается в самодостаточный HTML, поэтому ведёт себя как настоящий продукт в любом браузере — для просмотра не нужен аккаунт в инструменте прототипирования.',
        imageAlt:
          'Иллюстрация курсора, кликающего по связанным экранам со стрелками навигации между ними',
      },
      {
        title: 'Итерации и передача',
        body: 'Дорабатывайте, разговаривая с агентом — «сделай выбор тарифа в три колонки». Поскольку артефакт живёт в вашем проекте, дизайн и итоговый код имеют один источник истины, закрывая привычный разрыв при передаче от дизайнера к инженеру.',
        imageAlt:
          'Иллюстрация прототипа, который дорабатывается и затем передаётся инженеру, где дизайн и код сливаются в один файл',
      },
    ],
    tableTitle: 'Прототипирование с Open Design против старого подхода',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'Традиционные инструменты прототипирования',
    tableRows: [
      {
        capability: 'Пройти путь от идеи к первому экрану',
        withOd: 'Один промпт в агенте, который у вас уже открыт',
        without: 'Открыть отдельный инструмент, создать файл, вручную расставлять блоки',
      },
      {
        capability: 'Несколько связанных экранов',
        withOd: 'Генерируются как набор с общими стилями и рабочей навигацией',
        without: 'Каждый кадр рисуется и связывается вручную',
      },
      {
        capability: 'Единая визуальная система',
        withOd: 'Берётся из переиспользуемой дизайн-системы, которую применяет агент',
        without: 'Пересоздаётся в каждом файле или поддерживается вручную',
      },
      {
        capability: 'Результат, которым можно поделиться',
        withOd: 'Самодостаточный HTML — открывается в любом браузере, без аккаунта',
        without: 'Зрителю нужно место в подписке или ссылка для доступа в инструменте вендора',
      },
      {
        capability: 'Путь к реальному коду',
        withOd: 'Артефакт живёт в вашем репозитории; дизайн и код имеют один источник',
        without: 'Пересобирается с нуля после отдельной передачи',
      },
      {
        capability: 'Стоимость и привязка к вендору',
        withOd: 'Открытый исходный код, свои ключи, работает локально',
        without: 'Подписка за каждое место, хостинг у вендора, ограничения экспорта',
      },
    ],
    featuresTitle: 'Что можно прототипировать',
    features: [
      {
        title: 'Многоэкранные веб-приложения',
        body: 'Полноценные потоки с общей навигацией — онбординг, дашборды, настройки — а не отдельные страницы.',
        thumb: 'example-web-prototype',
      },
      {
        title: 'Потоки мобильных приложений',
        body: 'Поэкранные мобильные сценарии с переходами и состояниями, ощущающимися нативно.',
        thumb: 'example-mobile-app',
      },
      {
        title: 'Лендинги',
        body: 'Маркетинговые страницы и SaaS-лендинги, которые можно прокликать и выпустить.',
        thumb: 'example-saas-landing',
      },
      {
        title: 'Любой визуальный вкус',
        body: 'Редакционный, мягкий или брутализм — прототип несёт связный стиль от начала до конца.',
        thumb: 'example-web-prototype-taste-editorial',
      },
      {
        title: 'Список ожидания и тарифы',
        body: 'Конверсионные поверхности — списки ожидания, таблицы тарифов — связанные и в фирменном стиле.',
        thumb: 'example-waitlist-page',
      },
      {
        title: 'Геймификация и игровость',
        body: 'Насыщенные взаимодействием концепции, где движение и состояние — часть подачи.',
        thumb: 'example-gamified-app',
      },
    ],
    galleryTitle: 'Прототипы, созданные людьми с Open Design',
    galleryLead:
      'Каждый из них начинался как промпт и отрисовывался в кликабельный артефакт. Выберите шаблон, близкий к вашей идее, опишите свою вариацию — и агент адаптирует его.',
    gallery: [
      { thumb: "example-dating-web", caption: "Веб-приложение для знакомств — многоэкранный поток" },
      { thumb: "example-hr-onboarding", caption: "Поток HR-онбординга" },
      { thumb: "example-kami-landing", caption: "Лендинг продукта" },
      { thumb: "example-web-prototype-taste-soft", caption: "Веб-прототип в мягком стиле" },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Просмотреть шаблоны прототипов',
    faqTitle: 'FAQ по прототипированию',
    faq: [
      {
        q: 'Нужен ли мне дизайн-инструмент вроде Figma, чтобы прототипировать с Open Design?',
        a: 'Нет. Open Design работает внутри вашего кодинг-агента и отрисовывает прототипы в HTML. Вы описываете поток словами, агент создаёт экраны. Нет отдельного инструмента-холста, который надо осваивать или оплачивать.',
      },
      {
        q: 'Прототипы интерактивны или это просто статичные макеты?',
        a: 'Интерактивны. Навигация, вкладки и модальные окна работают, потому что на выходе настоящий HTML и CSS. Вы можете прокликать их в любом браузере точно так же, как это сделал бы пользователь.',
      },
      {
        q: 'Какие агенты можно использовать?',
        a: 'Open Design работает с Claude Code, Codex, Cursor Agent, Gemini CLI и десятком других нативных адаптеров. Вы используете свои ключи провайдера; ничего не хостится за вас.',
      },
      {
        q: 'Может ли прототип стать реальным продуктом?',
        a: 'В этом и смысл. Артефакт живёт в вашем проекте, поэтому та же дизайн-система и компоненты переходят в продакшен-код, а не выбрасываются после передачи.',
      },
    ],
    ctaTitle: 'Прототипируйте свою следующую идею сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите своё следующее «а что если» во что-то кликабельное — в агенте, которым вы уже пользуетесь.',
  },
  dashboard: {
    title: 'Создавайте дашборды данных с Open Design + Claude Code',
    description:
      'Опишите метрики, которые вы отслеживаете, и пусть ваш кодинг-агент построит стилизованный адаптивный дашборд — графики, KPI-карточки и таблицы, отрисованные в HTML, который можно разместить где угодно. Без места в BI-инструменте, без drag-and-drop-конструктора.',
    breadcrumb: 'Дашборд',
    label: 'Сценарий · Дашборд',
    heading: 'Дашборды из описания, а не из drag-and-drop-конструктора',
    lead: 'Скажите агенту, что показать и каким это должно ощущаться. Open Design предоставляет паттерны графиков, систему компоновки и визуальный язык, чтобы вы получили связный презентабельный дашборд — а не стену виджетов со стандартным оформлением.',
    heroImageAlt:
      'Редакционная иллюстрация сырых чисел слева, перетекающих в аккуратный дашборд из графиков и KPI-карточек справа',
    tldrTitle: 'В одну строку',
    tldrBody:
      'Open Design превращает описание ваших метрик простым языком в стилизованный дашборд, который агент отрисовывает в HTML — версионируется в вашем репозитории, размещается где угодно, без подписки на BI за каждое место.',
    stepsTitle: 'Как работают дашборды с Open Design',
    steps: [
      {
        title: 'Опишите метрики',
        body: 'Перечислите, что важно — «недельные активные пользователи, выручка по тарифам, отток и тренд за 30 дней». Агент загружает навык дашборда, чтобы знать: нужно разместить KPI-карточки, графики и таблицу, а не один блок текста.',
        imageAlt: 'Иллюстрация человека, перечисляющего важные для него метрики',
      },
      {
        title: 'Выберите паттерны графиков',
        body: 'Open Design поставляет шаблоны графиков и компоновки, поэтому тренды становятся линейными графиками, разбивки — столбчатыми, а соотношения — нужной визуализацией, с единой типографикой и отступами повсюду вместо разнобоя стандартов.',
        imageAlt: 'Иллюстрация нескольких типов графиков, выстроенных в связную сетку',
      },
      {
        title: 'Подключите данные',
        body: 'Направьте дашборд на CSV, JSON-эндпоинт или вставьте примеры строк. Он отрисовывается в самодостаточный HTML, который обновляется при изменении данных — откройте его в любом браузере, разместите на любом статическом хостинге.',
        imageAlt: 'Иллюстрация файла данных, подключающегося к дашборду с живым обновлением',
      },
      {
        title: 'Доработайте и выпустите',
        body: 'Настраивайте, разговаривая с агентом — «сгруппируй выручку по регионам, перенеси ряд KPI наверх». Артефакт живёт в вашем проекте, поэтому дашборд можно ревьюить и версионировать как любой другой код.',
        imageAlt: 'Иллюстрация дашборда, который дорабатывается и затем разворачивается',
      },
    ],
    tableTitle: 'Дашборды с Open Design против старого подхода',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'BI-инструменты / ручное кодирование',
    tableRows: [
      {
        capability: 'Пройти путь от списка метрик к компоновке',
        withOd: 'Один промпт; агент раскладывает карточки, графики и таблицы',
        without: 'Перетаскивать виджеты по одному или писать код графиков с нуля',
      },
      {
        capability: 'Единая визуальная система',
        withOd: 'Паттерны графиков и отступы из переиспользуемой дизайн-системы',
        without: 'Стандартные стили виджетов или ручное оформление каждого графика',
      },
      {
        capability: 'Подключить данные',
        withOd: 'CSV / JSON / вставленные строки, отрисованные в живой HTML',
        without: 'Коннекторы вендора или кастомная обвязка данных',
      },
      {
        capability: 'Хостинг и доступ',
        withOd: 'Самодостаточный HTML на любом статическом хостинге, без аккаунта',
        without: 'Зрителю нужно место в BI-вендоре',
      },
      {
        capability: 'Ревью и версионирование',
        withOd: 'Живёт в вашем репозитории; различимо как код',
        without: 'Заперто внутри вендора, без настоящего diff',
      },
      {
        capability: 'Стоимость и привязка к вендору',
        withOd: 'Открытый исходный код, свои ключи, работает локально',
        without: 'Подписка за каждое место, хостинг у вендора',
      },
    ],
    featuresTitle: "Что можно построить",
    features: [
      { title: "Продуктовая аналитика", body: "Активные пользователи, воронки, удержание — метрики, в которых живёт продуктовая команда.", thumb: "example-dashboard" },
      { title: "Метрики репозитория и разработки", body: "Звёзды, PR, состояние CI — инженерные дашборды из ваших собственных данных.", thumb: "example-github-dashboard" },
      { title: "Финансовые отчёты", body: "Выручка, расходы, запас прочности, оформленные как отчёт, которым можно поделиться.", thumb: "example-finance-report" },
      { title: "Живые операции", body: "Метрики в реальном времени, которые обновляются по мере движения данных.", thumb: "example-live-dashboard" },
      { title: "Соцсети и маркетинг", body: "Эффективность каналов и отслеживание кампаний в одном представлении.", thumb: "example-social-media-dashboard" },
      { title: "Отраслевые отчёты", body: "Структурированные отчёты для любой сферы — от клинической до трейдинга.", thumb: "example-clinical-case-report" },
    ],
    galleryTitle: 'Дашборды, созданные людьми с Open Design',
    galleryLead:
      'Настоящие дашборды, отрисованные из промпта и источника данных. Начните с близкого к вашему и опишите метрики, которые вы отслеживаете.',
    gallery: [
      { thumb: "example-data-report", caption: "Отчёт по данным" },
      { thumb: "example-flowai-live-dashboard-template", caption: "Дашборд живых операций" },
      { thumb: "example-trading-analysis-dashboard-template", caption: "Дашборд анализа трейдинга" },
      { thumb: "example-frame-data-chart-nyt", caption: "Редакционный график данных" },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Просмотреть шаблоны дашбордов',
    faqTitle: 'FAQ по дашбордам',
    faq: [
      {
        q: 'Нужен ли мне BI-инструмент вроде Tableau или Looker?',
        a: 'Нет. Open Design отрисовывает дашборды в HTML внутри вашего кодинг-агента. Вы описываете метрики и указываете на свои данные; нет отдельной BI-платформы, которую надо лицензировать или осваивать.',
      },
      {
        q: 'Откуда берутся данные?',
        a: 'Из CSV, JSON-эндпоинта или строк, которые вы вставляете. Дашборд — это обычный HTML и JavaScript, поэтому вы точно контролируете, откуда он читает — ничего не проксируется через хостинговый сервис.',
      },
      {
        q: 'Смогут ли его просматривать нетехнические коллеги?',
        a: 'Да. На выходе самодостаточная веб-страница. Любой со ссылкой или файлом может открыть её в браузере — без аккаунта, без места в подписке.',
      },
      {
        q: 'Какие агенты можно использовать?',
        a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и десяток других нативных адаптеров. Вы используете свои ключи провайдера.',
      },
    ],
    ctaTitle: 'Постройте свой дашборд сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите свои метрики в дашборд, который можно разместить где угодно — в агенте, которым вы уже пользуетесь.',
  },
  slides: {
    title: 'Создавайте презентации с Open Design + Claude Code',
    description:
      'Превратите план в оформленную фирменную презентацию, не открывая приложение для презентаций. Open Design даёт вашему кодинг-агенту шаблоны слайдов и визуальную систему, отрисовывая слайды в HTML, который можно показывать, экспортировать или которым можно делиться.',
    breadcrumb: 'Слайды',
    label: 'Сценарий · Слайды',
    heading: 'Презентации, которые выглядят оформленными, написанные промптом',
    lead: 'Передайте агенту план и тон. Open Design применяет шаблон презентации и визуальную систему, поэтому каждый слайд скомпонован, набран и в фирменном стиле — а не список пунктов на пустом фоне.',
    heroImageAlt:
      'Редакционная иллюстрация плана слева, превращающегося в последовательность оформленных слайдов презентации справа',
    tldrTitle: 'В одну строку',
    tldrBody:
      'Open Design превращает план в оформленную HTML-презентацию, которую агент отрисовывает за одну сессию — показывайте её в браузере, экспортируйте в PDF или PPTX и храните исходник в вашем репозитории.',
    stepsTitle: 'Как работают презентации с Open Design',
    steps: [
      {
        title: 'Передайте план',
        body: 'Вставьте тезисы или черновую структуру. Агент загружает навык презентации, чтобы создать последовательность скомпонованных слайдов, а не один длинный документ.',
        imageAlt: 'Иллюстрация текстового плана, передаваемого агенту',
      },
      {
        title: 'Выберите стиль презентации',
        body: 'Open Design поставляет шаблоны презентаций — редакционный, швейцарский интернациональный, тёмный технический и другие. Агент применяет один из них, чтобы типографика, сетка и акценты оставались согласованными на каждом слайде.',
        imageAlt: 'Иллюстрация нескольких вариантов стиля презентации, выложенных рядом',
      },
      {
        title: 'Сгенерируйте слайды',
        body: 'Каждый тезис становится оформленным слайдом с правильной иерархией — заголовки, поддерживающие визуалы, выноски с данными. Он отрисовывается в HTML, поэтому показывается на весь экран в любом браузере.',
        imageAlt: 'Иллюстрация последовательности готовых слайдов с согласованным оформлением',
      },
      {
        title: 'Показывайте, экспортируйте, итерируйте',
        body: 'Показывайте из браузера или экспортируйте в PDF / PPTX, чтобы поделиться. Дорабатывайте, разговаривая с агентом — «подтяни слайд с данными, добавь финальный призыв к действию». Исходник презентации остаётся в вашем проекте.',
        imageAlt: 'Иллюстрация презентации, которую показывают и экспортируют в несколько форматов',
      },
    ],
    tableTitle: 'Презентации с Open Design против старого подхода',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'PowerPoint / Keynote / ИИ-инструменты для слайдов',
    tableRows: [
      {
        capability: 'Пройти путь от плана к слайдам',
        withOd: 'Один промпт; агент компонует каждый слайд',
        without: 'Строить каждый слайд вручную или бороться с шаблоном',
      },
      {
        capability: 'Согласованный дизайн',
        withOd: 'Шаблоны презентаций с настоящей сеткой и системой шрифтов',
        without: 'Расползание темы, ручное выравнивание, стандарты вне фирменного стиля',
      },
      {
        capability: 'Данные и диаграммы',
        withOd: 'Графики и выноски отрисованы как часть слайда',
        without: 'Вставлять статичные картинки или каждый раз пересобирать графики',
      },
      {
        capability: 'Форматы экспорта',
        withOd: 'HTML для показа, плюс экспорт в PDF / PPTX',
        without: 'Привязка к формату одного приложения',
      },
      {
        capability: 'Ревью и версионирование',
        withOd: 'Исходник живёт в вашем репозитории, различим',
        without: 'Бинарный файл, без осмысленного diff',
      },
      {
        capability: 'Стоимость и привязка к вендору',
        withOd: 'Открытый исходный код, свои ключи, работает локально',
        without: 'Лицензия на приложение или ИИ-надстройка за каждое место',
      },
    ],
    featuresTitle: "Что можно презентовать",
    features: [
      { title: "Питч-деки", body: "Инвесторские и продажные презентации с сильным нарративом и чистыми слайдами с данными.", thumb: "example-html-ppt-pitch-deck" },
      { title: "Швейцарский / редакционный", body: "Построенные на сетке типографические презентации, выглядящие как с арт-дирекшеном.", thumb: "example-deck-swiss-international" },
      { title: "Учебные модули", body: "Обучающие презентации с чёткими шагами, выносками и темпом.", thumb: "example-html-ppt-course-module" },
      { title: "Презентации с графиками данных", body: "Тёмные, ориентированные на графики презентации для аналитики и обзоров.", thumb: "example-html-ppt-graphify-dark-graph" },
      { title: "Режим докладчика", body: "Презентации в стиле Reveal, созданные для живого показа в браузере.", thumb: "example-html-ppt-presenter-mode-reveal" },
      { title: "Технические схемы", body: "Архитектурные и знаниевые презентации, описывающие сложные системы.", thumb: "example-html-ppt-knowledge-arch-blueprint" },
    ],
    galleryTitle: 'Презентации, созданные людьми с Open Design',
    galleryLead:
      'Настоящие презентации, отрисованные из плана. Выберите стиль, близкий к вашему выступлению, и опишите содержание.',
    gallery: [
      { thumb: "example-deck-guizang-editorial", caption: "Редакционная журнальная презентация" },
      { thumb: "example-guizang-ppt", caption: "Иллюстрированный кейноут" },
      { thumb: "example-deck-open-slide-canvas", caption: "Презентация на открытом холсте слайдов" },
      { thumb: "example-html-ppt-obsidian-claude-gradient", caption: "Презентация с градиентной темой" },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Просмотреть шаблоны презентаций',
    faqTitle: 'FAQ по слайдам',
    faq: [
      {
        q: 'Нужен ли мне PowerPoint или Keynote?',
        a: 'Нет. Open Design отрисовывает презентации в HTML внутри вашего кодинг-агента и может экспортировать в PDF или PPTX. Вы показываете из браузера или передаёте файл — для создания презентации приложение не нужно.',
      },
      {
        q: 'Это просто сгенерированные ИИ списки пунктов?',
        a: 'Нет. Агент применяет настоящий шаблон презентации с сеткой, шкалой шрифтов и визуальной иерархией, поэтому слайды выглядят оформленными, а не автозаполненными.',
      },
      {
        q: 'Могу ли я экспортировать в PowerPoint для клиента?',
        a: 'Да. Презентации экспортируются в PPTX и PDF в дополнение к HTML, из которого вы показываете, поэтому подходят под любые ожидания аудитории.',
      },
      {
        q: 'Какие агенты можно использовать?',
        a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры, с вашими собственными ключами провайдера.',
      },
    ],
    ctaTitle: 'Постройте свою следующую презентацию сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите свой план в оформленную презентацию — в агенте, которым вы уже пользуетесь.',
  },
  image: {
    title: 'Создавайте фирменную графику с Open Design + Claude Code',
    description:
      'Создавайте карточки для соцсетей, обложки статей и маркетинговую графику из промпта — скомпонованную с настоящей типографикой и вашей фирменной системой, отрисованную в чёткий HTML, который можно экспортировать в PNG. Без дизайн-приложения, без подписки на шаблоны.',
    breadcrumb: 'Изображение',
    label: 'Сценарий · Изображение',
    heading: 'Фирменная графика, сгенерированная и скомпонованная за вас',
    lead: 'Опишите нужную карточку или обложку. Open Design компонует её с настоящим шрифтом, сеткой и вашими фирменными цветами — затем отрисовывает в HTML, который можно экспортировать как изображение, вместо борьбы с дизайн-приложением или универсальным шаблоном.',
    heroImageAlt:
      'Редакционная иллюстрация промпта, превращающегося в набор скомпонованных карточек для соцсетей и обложек статей',
    tldrTitle: 'В одну строку',
    tldrBody:
      'Open Design превращает промпт в набранную фирменную графику, которую агент отрисовывает в HTML и экспортирует в PNG — повторяемую, версионируемую и свободную от дизайн-инструментов с оплатой за место.',
    stepsTitle: 'Как работает графика с Open Design',
    steps: [
      {
        title: 'Опишите графику',
        body: 'Скажите, что это — «карточка для Twitter к нашему запуску с заголовком и цитатой». Агент загружает нужный навык, чтобы скомпоновать оформленную графику, а не простой текстовый блок.',
        imageAlt: 'Иллюстрация человека, описывающего нужную ему карточку для соцсетей',
      },
      {
        title: 'Примените фирменную систему',
        body: 'Open Design берёт ваши цвета, шрифт и отступы из переиспользуемой дизайн-системы, поэтому каждая карточка соответствует остальному вашему бренду, а не выглядит разовой.',
        imageAlt: 'Иллюстрация фирменных цветов и шрифта, применяемых к компоновке карточки',
      },
      {
        title: 'Отрисуйте и экспортируйте',
        body: 'Графика отрисовывается в HTML в точно нужных размерах — карточка для соцсетей, обложка, баннер — затем экспортируется в PNG. Чёткий текст, настоящая компоновка, без ручной подгонки.',
        imageAlt: 'Иллюстрация графики, отрисовываемой и экспортируемой в файл изображения',
      },
      {
        title: 'Переиспользуйте рецепт',
        body: 'Поскольку это шаблон, следующая графика — в одном промпте: смените заголовок, сохраните компоновку. Серии карточек остаются идеально согласованными.',
        imageAlt: 'Иллюстрация одного шаблона карточки, создающего согласованную серию графики',
      },
    ],
    tableTitle: 'Графика с Open Design против старого подхода',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'Дизайн-приложения / универсальные шаблоны',
    tableRows: [
      {
        capability: 'Пройти путь от идеи к скомпонованной графике',
        withOd: 'Один промпт; агент компонует шрифт и компоновку',
        without: 'Открыть приложение, разместить каждый элемент вручную',
      },
      {
        capability: 'Оставаться в фирменном стиле',
        withOd: 'Цвета и шрифт из переиспользуемой дизайн-системы',
        without: 'Заново подбирать фирменные стили в каждом файле или уходить от бренда',
      },
      {
        capability: 'Согласованная серия',
        withOd: 'Тот же шаблон, новый текст — идеально выровненный набор',
        without: 'Заново выравнивать каждый вариант вручную',
      },
      {
        capability: 'Экспорт',
        withOd: 'HTML в точных размерах, экспортируется в PNG',
        without: 'Ручная настройка размера холста и параметров экспорта',
      },
      {
        capability: 'Повторяемость',
        withOd: 'Рецепт на основе промпта в вашем репозитории',
        without: 'Разовый файл, который пересоздаётся каждый раз',
      },
      {
        capability: 'Стоимость и привязка к вендору',
        withOd: 'Открытый исходный код, свои ключи, работает локально',
        without: 'Дизайн-инструмент с оплатой за место или маркетплейс шаблонов',
      },
    ],
    featuresTitle: "Что можно создать",
    features: [
      { title: "Карточки для соцсетей", body: "Карточки для X / Twitter, скомпонованные с вашим заголовком и брендом.", thumb: "example-card-twitter" },
      { title: "Обложки статей", body: "Редакционные обложки в журнальном стиле для постов и рассылок.", thumb: "example-article-magazine" },
      { title: "Карточки Xiaohongshu", body: "Карточки в стиле RedNote, настроенные под эту ленту.", thumb: "example-card-xiaohongshu" },
      { title: "Hero-графика", body: "Текучие градиентные hero-визуалы для сайтов и запусков.", thumb: "example-frame-liquid-bg-hero" },
      { title: "Карусели", body: "Многослайдовые карусели для соцсетей, остающиеся согласованными между кадрами.", thumb: "example-social-carousel" },
      { title: "Макетные UI-кадры", body: "Кадры уведомлений и устройств для продуктового сторителлинга.", thumb: "example-frame-macos-notification" },
    ],
    galleryTitle: 'Графика, созданная людьми с Open Design',
    galleryLead:
      'Настоящие карточки и обложки, отрисованные из промпта. Выберите близкую к нужной и подставьте свой текст.',
    gallery: [
      { thumb: "example-html-ppt-xhs-pastel-card", caption: "Пастельная карточка для соцсетей" },
      { thumb: "example-html-ppt-zhangzara-editorial-tri-tone", caption: "Редакционный трёхцветный плакат" },
      { thumb: "example-magazine-poster", caption: "Плакат в журнальном стиле" },
      { thumb: "example-html-ppt-zhangzara-biennale-yellow", caption: "Смелая редакционная обложка" },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Просмотреть шаблоны графики',
    faqTitle: 'FAQ по изображениям',
    faq: [
      {
        q: 'Это ИИ-генератор изображений вроде Midjourney?',
        a: 'Нет. Open Design компонует графику с настоящей компоновкой и типографикой — ваш заголовок, ваш бренд, точные размеры — и отрисовывает в HTML, который вы экспортируете в PNG. Это дизайн-композиция, а не генерация пикселей.',
      },
      {
        q: 'Могу ли я создать согласованную серию карточек?',
        a: 'Да. Поскольку каждая графика — это шаблон, вы сохраняете компоновку и меняете текст, поэтому вся серия остаётся идеально выровненной и в фирменном стиле.',
      },
      {
        q: 'Какие размеры она может создавать?',
        a: 'Любые — графика отрисовывается в точно указанных вами размерах, от квадратной карточки для соцсетей до широкого баннера, затем экспортируется в PNG.',
      },
      {
        q: 'Какие агенты можно использовать?',
        a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры, с вашими собственными ключами провайдера.',
      },
    ],
    ctaTitle: 'Создайте свою следующую графику сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите промпт в фирменную графику — в агенте, которым вы уже пользуетесь.',
  },
  video: {
    title: 'Создавайте моушн-графику и короткие видео с Open Design + Claude Code',
    description:
      'Превратите сценарий в анимированные кадры и короткие видео — титульные карточки, движущиеся фоны и аутро, скомпонованные с вашей фирменной системой и отрисованные из HTML. Без пакета моушн-графики, без перетаскивания по таймлайну.',
    breadcrumb: 'Видео',
    label: 'Сценарий · Видео',
    heading: 'Моушн-графика из сценария, а не из таймлайна',
    lead: 'Опишите нужный момент — появление заголовка, анимация данных, аутро с логотипом. Open Design компонует анимированные кадры с вашей фирменной системой и отрисовывает их в видео, без пакета моушн-графики.',
    heroImageAlt:
      'Редакционная иллюстрация сценария, превращающегося в последовательность анимированных видеокадров',
    tldrTitle: 'В одну строку',
    tldrBody:
      'Open Design превращает сценарий в анимированные фирменные кадры, которые агент отрисовывает в короткие видео — скомпонованные из HTML, версионируемые в вашем репозитории, без таймлайн-редактора, который надо осваивать.',
    stepsTitle: 'Как работает моушн с Open Design',
    steps: [
      {
        title: 'Опишите момент',
        body: 'Скажите, что должно произойти — «глитч-заголовок, переходящий в наш логотип, затем финальная карточка». Агент загружает навык моушна, чтобы создать анимированные кадры, а не статичную картинку.',
        imageAlt: 'Иллюстрация человека, описывающего моушн-последовательность',
      },
      {
        title: 'Примените бренд и стиль движения',
        body: 'Open Design предоставляет шаблоны кадров — кинематографические засветки, глитч-заголовки, аутро с логотипом — и применяет ваши цвета и шрифт, чтобы движение выглядело продуманным и в фирменном стиле.',
        imageAlt: 'Иллюстрация фирменного оформления, применённого к анимированным кадрам',
      },
      {
        title: 'Отрисуйте кадры в видео',
        body: 'Кадры компонуются в HTML и отрисовываются в видео, поэтому тайминг и компоновка точны и повторяемы — без ручной расстановки ключевых кадров на таймлайне.',
        imageAlt: 'Иллюстрация HTML-кадров, отрисовываемых в видеоклип',
      },
      {
        title: 'Итерируйте и экспортируйте',
        body: 'Дорабатывайте, разговаривая с агентом — «замедли появление заголовка, добавь подпись». Экспортируйте короткие клипы для соцсетей или продукта. Исходник остаётся в вашем проекте.',
        imageAlt: 'Иллюстрация видеоклипа, который дорабатывается и экспортируется для соцсетей',
      },
    ],
    tableTitle: 'Моушн с Open Design против старого подхода',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'After Effects / пакеты моушна',
    tableRows: [
      {
        capability: 'Пройти путь от сценария к анимированным кадрам',
        withOd: 'Один промпт; агент компонует последовательность',
        without: 'Вручную расставлять ключевые кадры для каждого элемента на таймлайне',
      },
      {
        capability: 'Оставаться в фирменном стиле',
        withOd: 'Шаблоны кадров + ваши цвета и шрифт',
        without: 'Пересобирать фирменное оформление под каждый проект',
      },
      {
        capability: 'Точный, повторяемый тайминг',
        withOd: 'Скомпонован в HTML, отрисован детерминированно',
        without: 'Ручная перемотка, трудно воспроизвести',
      },
      {
        capability: 'Экспорт для соцсетей',
        withOd: 'Короткие клипы, отрисованные в видео',
        without: 'Пресеты экспорта и возня с кодеками',
      },
      {
        capability: 'Ревью и версионирование',
        withOd: 'Исходник кадров живёт в вашем репозитории, различим',
        without: 'Бинарный файл проекта, без настоящего diff',
      },
      {
        capability: 'Стоимость и привязка к вендору',
        withOd: 'Открытый исходный код, свои ключи, работает локально',
        without: 'Дорогой пакет, крутая кривая обучения',
      },
    ],
    featuresTitle: "Что можно анимировать",
    features: [
      { title: "Hyperframes", body: "Покадровые моушн-последовательности, скомпонованные из HTML.", thumb: "example-video-hyperframes" },
      { title: "Короткий формат для соцсетей", body: "Вертикальные клипы, созданные для лент соцсетей.", thumb: "example-video-shortform" },
      { title: "Наборы моушн-кадров", body: "Переиспользуемые анимированные кадры, которые вы компонуете в клип.", thumb: "example-motion-frames" },
      { title: "Кинематографические засветки", body: "Кинематографичные переходы и атмосферные фоны.", thumb: "example-frame-light-leak-cinema" },
      { title: "Глитч-заголовки", body: "Появления заголовков с движением и текстурой.", thumb: "example-frame-glitch-title" },
      { title: "Аутро с логотипом", body: "Фирменные финальные анимации для любого клипа.", thumb: "example-frame-logo-outro" },
    ],
    galleryTitle: 'Моушн, созданный людьми с Open Design',
    galleryLead:
      'Настоящие анимированные кадры и клипы, отрисованные из промпта. Выберите близкий к вашей идее и опишите движение.',
    gallery: [
      { thumb: "example-hyperframes", caption: "Последовательность Hyperframes" },
      { thumb: "example-frame-liquid-bg-hero", caption: "Текучий движущийся фон" },
      { thumb: "example-frame-macos-notification", caption: "Анимированный UI-кадр" },
      { thumb: "example-frame-data-chart-nyt", caption: "Анимированный график данных" },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Просмотреть шаблоны моушна',
    faqTitle: 'FAQ по видео',
    faq: [
      {
        q: 'Нужен ли мне After Effects или пакет моушн-графики?',
        a: 'Нет. Open Design компонует анимированные кадры в HTML и отрисовывает их в видео внутри вашего кодинг-агента. Нет таймлайн-редактора, который надо осваивать или лицензировать.',
      },
      {
        q: 'Для какого видео это подходит?',
        a: 'Короткий моушн — титульные карточки, анимации данных, аутро с логотипом, клипы для соцсетей. Это создано для брендового и продуктового движения, а не для полнометражного монтажа.',
      },
      {
        q: 'Воспроизводим ли тайминг?',
        a: 'Да. Поскольку кадры компонуются в коде и отрисовываются детерминированно, вы получаете один и тот же результат каждый раз и можете точно подстроить его промптом.',
      },
      {
        q: 'Какие агенты можно использовать?',
        a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры, с вашими собственными ключами провайдера.',
      },
    ],
    ctaTitle: 'Анимируйте свою следующую идею сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите сценарий в движение — в агенте, которым вы уже пользуетесь.',
  },
  designSystem: {
    title: 'Создавайте и применяйте дизайн-систему с Open Design + Claude Code',
    description:
      'Зафиксируйте свой бренд как переиспользуемую дизайн-систему, которую ваш кодинг-агент применяет к каждому артефакту — цвета, шрифт, компоненты и тон в одном DESIGN.md. Определите один раз; каждый прототип, презентация и дашборд остаются в фирменном стиле.',
    breadcrumb: 'Дизайн-система',
    label: 'Сценарий · Дизайн-система',
    heading: 'Одна дизайн-система, применяемая ко всему, что создаёт ваш агент',
    lead: 'Определите свой бренд один раз, и Open Design перенесёт его в каждый результат — прототипы, презентации, дашборды, графику. Система живёт в вашем репозитории как DESIGN.md, который читает агент, поэтому согласованность автоматическая, а не ручная.',
    heroImageAlt:
      'Редакционная иллюстрация одной дизайн-системы, расходящейся во множество фирменных артефактов',
    tldrTitle: 'В одну строку',
    tldrBody:
      'Open Design фиксирует ваш бренд как переносимую дизайн-систему, которую агент применяет к каждому артефакту — определена один раз в вашем репозитории, действует везде, без центрального дизайн-инструмента, который её контролирует.',
    stepsTitle: 'Как работают дизайн-системы с Open Design',
    steps: [
      {
        title: 'Зафиксируйте систему',
        body: 'Опишите свой бренд — цвета, шрифт, отступы, голос — или направьте агента на существующий сайт, чтобы извлечь их. Open Design записывает это в DESIGN.md, который живёт в вашем проекте.',
        imageAlt: 'Иллюстрация бренда, фиксируемого в единый файл дизайн-системы',
      },
      {
        title: 'Начните с проверенной основы',
        body: 'Open Design поставляет более 140 эталонных дизайн-систем — от Apple и Linear до редакционных и брутализма. Сделайте форк близкой к вашему бренду вместо старта с пустой страницы.',
        imageAlt: 'Иллюстрация просмотра галереи эталонных дизайн-систем',
      },
      {
        title: 'Применяйте везде',
        body: 'Каждый другой навык читает ту же систему, поэтому прототип, презентация и дашборд используют один визуальный язык — без необходимости заново задавать его каждый раз.',
        imageAlt: 'Иллюстрация одной системы, согласованно применённой к множеству типов артефактов',
      },
      {
        title: 'Развивайте её в одном месте',
        body: 'Измените систему — и следующая отрисовка отразит это везде. Поскольку это файл в вашем репозитории, дизайн-решения ревьюятся и версионируются как код.',
        imageAlt: 'Иллюстрация дизайн-системы, которая обновляется и распространяется на все результаты',
      },
    ],
    tableTitle: 'Дизайн-системы с Open Design против старого подхода',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'Библиотеки дизайн-инструментов / гайды по стилю',
    tableRows: [
      {
        capability: 'Определить систему',
        withOd: 'DESIGN.md, который читает агент, форкнутый из более чем 140 эталонов',
        without: 'Статичный гайд по стилю или библиотека, привязанная к инструменту',
      },
      {
        capability: 'Применять к разным типам артефактов',
        withOd: 'Та же система питает прототипы, презентации, дашборды, графику',
        without: 'Реализуется заново под каждый инструмент и каждый файл',
      },
      {
        capability: 'Сохранять всё согласованным',
        withOd: 'Автоматически — каждый навык читает один источник',
        without: 'Ручная дисциплина; со временем расползается',
      },
      {
        capability: 'Развивать бренд',
        withOd: 'Отредактируйте один раз; следующая отрисовка обновляется везде',
        without: 'Поиск и замена по файлам и инструментам',
      },
      {
        capability: 'Ревью и версионирование',
        withOd: 'Живёт в вашем репозитории, различимо как код',
        without: 'Закопано в дизайн-инструменте, трудно проверить',
      },
      {
        capability: 'Стоимость и привязка к вендору',
        withOd: 'Открытый исходный код, переносимо, работает локально',
        without: 'Привязка к подписке на дизайн-инструмент',
      },
    ],
    featuresTitle: "Системы, с которых можно начать",
    features: [
      { title: "Apple", body: "Чистая, сдержанная эстетика на системном шрифте.", thumb: "design-system-apple" },
      { title: "Linear", body: "Чёткий вид продуктового инструмента с плотными отступами.", thumb: "design-system-linear-app" },
      { title: "Notion", body: "Мягкий, ориентированный на документы, располагающий.", thumb: "design-system-notion" },
      { title: "Figma", body: "Игривая, красочная энергия творческого инструмента.", thumb: "design-system-figma" },
      { title: "OpenAI", body: "Минималистичная, нейтральная, исследовательского уровня.", thumb: "design-system-openai" },
      { title: "GitHub", body: "Плотная, техническая, родная для разработчиков.", thumb: "design-system-github" },
    ],
    galleryTitle: 'Дизайн-системы в Open Design',
    galleryLead:
      'Несколько из более чем 140 эталонных систем, которые можно форкнуть как отправную точку. Выберите близкую к вашему бренду и адаптируйте её.',
    gallery: [
      { thumb: "design-system-airbnb", caption: "Система в стиле Airbnb" },
      { thumb: "design-system-vercel", caption: "Система в стиле Vercel" },
      { thumb: "design-system-stripe", caption: "Система в стиле Stripe" },
      { thumb: "design-system-spotify", caption: "Система в стиле Spotify" },
    ],
    exampleHref: '/plugins/systems/',
    exampleLinkLabel: 'Просмотреть дизайн-системы',
    faqTitle: 'FAQ по дизайн-системе',
    faq: [
      {
        q: 'Что именно здесь является дизайн-системой?',
        a: 'Файл DESIGN.md в вашем репозитории, который фиксирует цвета, шрифт, отступы, компоненты и голос. Каждый навык Open Design читает его, поэтому ваш бренд применяется автоматически к тому, что создаёт агент.',
      },
      {
        q: 'Обязательно ли начинать с нуля?',
        a: 'Нет. Open Design поставляет более 140 эталонных дизайн-систем, которые можно форкнуть — от Apple и Linear до редакционных и брутализма — а затем адаптировать под свой бренд.',
      },
      {
        q: 'Как сохраняется согласованность между презентациями, дашбордами и прототипами?',
        a: 'Потому что все эти навыки читают один и тот же DESIGN.md. Определите систему один раз, и согласованность становится автоматической, а не тем, что вы контролируете вручную.',
      },
      {
        q: 'Какие агенты можно использовать?',
        a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры, с вашими собственными ключами провайдера.',
      },
    ],
    ctaTitle: 'Определите свою дизайн-систему сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и дайте своему агенту один бренд для применения везде — в агенте, которым вы уже пользуетесь.',
  },
  roleSoloBuilder: {
    title: 'Open Design для соло-разработчиков и indie-хакеров',
    description:
      'Работайте как целая команда в одиночку. Open Design превращает вашего кодинг-агента в дизайнерскую половину вашего стартапа — прототипы, лендинги, дашборды и фирменную графику, всё по одному запросу, всё в едином стиле, всё в вашем репозитории.',
    breadcrumb: 'Соло-разработчик',
    label: 'Для · Соло-разработчиков',
    heading: 'Ваша дизайн-команда — это агент, который у вас уже запущен',
    lead: 'Ни дизайнера, ни бюджета, ни передачи задач. Опишите, что вам нужно, и агент это отрисует — лендинг утром, дашборд днём, карточки для соцсетей перед запуском — и всё в рамках одной дизайн-системы, которую вы задали один раз.',
    heroImageAlt:
      'Редакционная иллюстрация: один человек за столом в окружении лендинга, приложения, дашборда и карточек для соцсетей — всё в едином стиле',
    tldrTitle: 'В одной строке',
    tldrBody:
      'Open Design — это дизайн-отдел, которого у соло-основателя никогда не было: от запроса до артефакта на любой поверхности, нужной вашему продукту, в едином фирменном стиле, без передачи задач и без лишних инструментов.',
    stepsTitle: 'Как соло-разработчик использует Open Design',
    steps: [
      {
        title: 'Задайте свой бренд один раз',
        body: 'Зафиксируйте цвета, типографику и tone of voice в DESIGN.md (или форкните одну из 140+ референсных систем). Каждый артефакт, который вы создадите после этого, автоматически будет в фирменном стиле.',
        imageAlt: 'Иллюстрация единого файла с определением бренда',
      },
      {
        title: 'Создавайте всё, что нужно дальше',
        body: 'Прототип, лендинг, дашборд, питч-дек, карточка для соцсетей — один агент, один бренд, по одному запросу на каждый. Без переключения инструментов и без докупки лицензий.',
        imageAlt: 'Иллюстрация множества типов артефактов, рождающихся из одного запроса',
      },
      {
        title: 'Запускайте — это уже реальный продукт',
        body: 'Всё отрисовывается в HTML / код в вашем репозитории, поэтому прототип становится продуктом, а лендинг выходит в свет. Никаких одноразовых макетов.',
        imageAlt: 'Иллюстрация артефакта, который проходит путь от запроса прямо до запуска',
      },
    ],
    tableTitle: 'Соло-разработка с Open Design против пути напролом',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'В одиночку сегодня',
    tableRows: [
      { capability: 'Закрыть все дизайн-поверхности', withOd: 'Один агент делает прототип, лендинг, дашборд, бренд', without: 'Сшивать вместе пять SaaS-инструментов и туториалов' },
      { capability: 'Оставаться в фирменном стиле', withOd: 'Один DESIGN.md применяется везде автоматически', without: 'Воссоздавать облик в каждом инструменте, стиль расползается со временем' },
      { capability: 'Двигаться со скоростью соло', withOd: 'От идеи до артефакта за один запрос', without: 'Осваивать дизайн-инструмент, на который нет времени' },
      { capability: 'Запускать, а не макетить', withOd: 'HTML / код в вашем репозитории, готов к деплою', without: 'Макет, который кому-то ещё придётся собирать' },
      { capability: 'Стоимость', withOd: 'Open source, собственные ключи, работает локально', without: 'Стопка подписок с оплатой за каждое место' },
    ],
    featuresTitle: 'Что может выпустить соло-разработчик',
    features: [
      { title: 'Лендинги', body: 'Маркетинговые и SaaS-лендинги, кликабельные и живые.', thumb: 'example-saas-landing' },
      { title: 'Прототипы продукта', body: 'Многоэкранные веб-приложения для проверки идеи.', thumb: 'example-web-prototype' },
      { title: 'Дашборды', body: 'Метрики и админ-панели для вашего продукта.', thumb: 'example-dashboard' },
      { title: 'Фирменная графика', body: 'Обложки и постеры в вашем фирменном стиле.', thumb: 'example-magazine-poster' },
      { title: 'Мобильные сценарии', body: 'Экраны приложения, когда вы выходите за пределы веба.', thumb: 'example-mobile-app' },
      { title: 'Карточки для соцсетей', body: 'Карточки для запусков и обновлений на каждый канал.', thumb: 'example-card-twitter' },
    ],
    galleryTitle: 'Сделано в одиночку с Open Design',
    galleryLead:
      'Любая поверхность, нужная стартапу из одного человека, по запросу. Выберите ту, что ближе к вашему следующему шагу, и опишите её.',
    gallery: [
      { thumb: 'example-saas-landing', caption: 'SaaS-лендинг' },
      { thumb: 'example-web-prototype', caption: 'Прототип продукта' },
      { thumb: 'example-dashboard', caption: 'Дашборд продукта' },
      { thumb: 'example-card-twitter', caption: 'Карточка для запуска в соцсетях' },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Смотреть шаблоны',
    faqTitle: 'FAQ для соло-разработчика',
    faq: [
      { q: 'Я не дизайнер — смогу ли я правда этим пользоваться?', a: 'Да. Вы описываете, что хотите, обычным языком; агент применяет дизайн-систему и отрисовывает результат. Навык — это умение написать запрос, а не двигать пиксели.' },
      { q: 'Это закрывает всё или только что-то одно?', a: 'Всё, что нужно небольшому продукту — прототипы, лендинги, дашборды, деки, графику — от одного агента и в едином бренде.' },
      { q: 'Чем становятся результаты?', a: 'Настоящим HTML / кодом в вашем репозитории, поэтому прототип может стать продуктом, а лендинг — выйти в свет, а не остаться макетом, который вы выбросите.' },
      { q: 'Каких агентов я могу использовать?', a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры — с вашими собственными ключами провайдеров.' },
    ],
    ctaTitle: 'Соберите весь свой проект сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и позвольте одному агенту стать вашей дизайн-командой — прямо в агенте, которым вы уже пользуетесь.',
  },
  roleDesigner: {
    title: 'Open Design для дизайнеров',
    description:
      'Тратьте время на вкус, а не на рутину. Open Design позволяет вашему агенту взять на себя повторяющуюся производственную работу — варианты, состояния, целые дизайн-системы — пока вы задаёте облик и оставляете последнее слово за собой.',
    breadcrumb: 'Дизайнер',
    label: 'Для · Дизайнеров',
    heading: 'Задавайте направление дизайна — производство оставьте агенту',
    lead: 'Вы задаёте систему и стандарт; агент отрисовывает экраны, состояния, варианты, высокоточные макеты. Меньше двигать прямоугольники, больше решать, как выглядит «хорошо».',
    heroImageAlt:
      'Редакционная иллюстрация: дизайнер задаёт направление, а агент заполняет экраны, варианты и дизайн-систему',
    tldrTitle: 'В одной строке',
    tldrBody:
      'Open Design — это неутомимый производственный ассистент: вы определяете дизайн-систему и решаете, что красиво; агент генерирует всё остальное, по системе, в вашем репозитории.',
    stepsTitle: 'Как дизайнер использует Open Design',
    steps: [
      {
        title: 'Закодируйте свою систему',
        body: 'Превратите свой бренд в DESIGN.md — типографическую шкалу, цвет, отступы, компоненты, tone of voice. Это источник истины, которому подчиняется агент.',
        imageAlt: 'Иллюстрация дизайн-системы, зафиксированной в виде файла',
      },
      {
        title: 'Сгенерируйте длинный хвост',
        body: 'Каждый экран, состояние и вариант, который вы иначе собирали бы вручную — агент отрисовывает их по системе, и скучные 80 % готовы за минуты.',
        imageAlt: 'Иллюстрация множества экранов по системе, сгенерированных за один раз',
      },
      {
        title: 'Направляйте и дорабатывайте',
        body: 'Критикуйте словами — «сожми отступы, сделай пустое состояние теплее». Последнее слово за вами; итерации делает агент.',
        imageAlt: 'Иллюстрация дизайнера, который даёт указания, и дизайн обновляется',
      },
    ],
    tableTitle: 'Дизайн с Open Design против ручного способа',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'Ручные дизайн-инструменты',
    tableRows: [
      { capability: 'Построить дизайн-систему', withOd: 'DESIGN.md, который агент применяет везде', without: 'Библиотека, которую вы вручную поддерживаете в каждом инструменте' },
      { capability: 'Создавать варианты и состояния', withOd: 'Генерируются по системе из запроса', without: 'Дублировать фреймы и подправлять каждый' },
      { capability: 'Высокоточные макеты', withOd: 'Отрисовываются в настоящий HTML, а не плоский макет', without: 'Пиксельная работа, которую разработка всё равно пересоберёт' },
      { capability: 'Сохранять консистентность', withOd: 'Одна система, применяется автоматически', without: 'Ручная дисциплина; стиль расползается со временем' },
      { capability: 'Передача задач', withOd: 'Артефакт — это код, никакого разрыва в переводе', without: 'Документы со спецификациями и редлайны' },
    ],
    featuresTitle: 'Чем может управлять дизайнер',
    features: [
      { title: 'Редакционные макеты', body: 'Арт-дирекшн, композиции по сетке.', thumb: 'example-web-prototype-taste-editorial' },
      { title: 'Обложки статей', body: 'Обложки и развороты в журнальном стиле.', thumb: 'example-article-magazine' },
      { title: 'Постеры', body: 'Смелые типографические постеры в фирменном стиле.', thumb: 'example-magazine-poster' },
      { title: 'Наборы для соцсетей', body: 'Консистентные многокадровые карусели.', thumb: 'example-social-carousel' },
      { title: 'Экраны приложений', body: 'Высокоточные мобильные и веб-экраны.', thumb: 'example-mobile-app' },
      { title: 'Дашборды', body: 'Data UI, который уважает вашу систему.', thumb: 'example-dashboard' },
    ],
    galleryTitle: 'Создано под управлением с Open Design',
    galleryLead:
      'Высокоточная работа по системе, которую агент создал по вашим указаниям. Выберите ту, что ближе к вашему стилю, и доработайте её.',
    gallery: [
      { thumb: 'example-web-prototype-taste-editorial', caption: 'Редакционный макет' },
      { thumb: 'example-article-magazine', caption: 'Журнальная обложка' },
      { thumb: 'example-social-carousel', caption: 'Карусель для соцсетей' },
      { thumb: 'example-magazine-poster', caption: 'Типографический постер' },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Смотреть шаблоны',
    faqTitle: 'FAQ для дизайнера',
    faq: [
      { q: 'Это заменит меня?', a: 'Нет — это заменяет рутину. Вы задаёте систему и вкус; агент делает повторяющееся производство, чтобы вы тратили время на решения, которые можете принять только вы.' },
      { q: 'Как мне сохранить контроль над обликом?', a: 'Ваш DESIGN.md — это контракт. Агент отрисовывает в его рамках, а вы критикуете словами, пока всё не станет как надо.' },
      { q: 'Результат редактируемый / настоящий?', a: 'Это настоящий HTML/CSS, а не плоский экспорт — поэтому он переходит прямо в продакшн, а не пересобирается заново.' },
      { q: 'Каких агентов я могу использовать?', a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры — с вашими собственными ключами провайдеров.' },
    ],
    ctaTitle: 'Задайте направление своему следующему дизайну сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и позвольте агенту взять на себя производство, пока вы решаете, что красиво — прямо в агенте, которым вы уже пользуетесь.',
  },
  roleEngineering: {
    title: 'Open Design для инженеров',
    description:
      'Пропустите передачу дизайна. Open Design превращает DESIGN.md в настоящий фронтенд, который ваш кодинг-агент пишет напрямую — UI по системе, прототипы и дашборды, в репозитории, без круга через Figma.',
    breadcrumb: 'Инженерия',
    label: 'Для · Инженерии',
    heading: 'От спецификации к фронтенду, без передачи задач посередине',
    lead: 'Направьте агента на DESIGN.md и описание; он пишет настоящий фронтенд-код по системе — компоненты, экраны, дашборды — прямо в вашем проекте. Никаких редлайнов, никакого «ждём дизайн».',
    heroImageAlt:
      'Редакционная иллюстрация: DESIGN.md перетекает напрямую во фронтенд-код и отрисованный UI, минуя шаг передачи задач',
    tldrTitle: 'В одной строке',
    tldrBody:
      'Open Design закрывает разрыв «дизайнер — инженер», делая дизайн-систему машиночитаемой: тот же агент, что пишет ваш код, применяет систему и отрисовывает настоящий UI.',
    stepsTitle: 'Как инженер использует Open Design',
    steps: [
      {
        title: 'Читайте систему, а не редлайн',
        body: 'DESIGN.md живёт в репозитории. Ваш агент читает его так же, как читает остальной кодовую базу — никаких экспортированных спецификаций для интерпретации.',
        imageAlt: 'Иллюстрация агента, читающего DESIGN.md рядом с кодом',
      },
      {
        title: 'Генерируйте UI по системе',
        body: 'Опишите экран или компонент; агент пишет фронтенд, который уже соответствует системе. Прототипы, админ-дашборды, внутренние инструменты — за минуты.',
        imageAlt: 'Иллюстрация UI-кода, сгенерированного в соответствии с дизайн-системой',
      },
      {
        title: 'Это уже ваш код',
        body: 'Результат — HTML / код фреймворка в вашем репозитории, доступный к ревью в PR. Никакого шага перевода между «дизайном» и «сборкой».',
        imageAlt: 'Иллюстрация сгенерированного UI, попадающего в PR на ревью',
      },
    ],
    tableTitle: 'Фронтенд с Open Design против способа с передачей задач',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'Передача от дизайна к разработке',
    tableRows: [
      { capability: 'Получить дизайн, по которому строить', withOd: 'DESIGN.md, который ваш агент читает напрямую', without: 'Файл Figma, который вы вручную переинтерпретируете' },
      { capability: 'Соответствовать системе', withOd: 'Применяется автоматически в момент генерации', without: 'Сверять на глаз со спецификацией, стиль расползается' },
      { capability: 'Собирать внутренние инструменты / дашборды', withOd: 'Запрос → фронтенд по системе в репозитории', without: 'Ждать дизайнера, а потом собирать дважды' },
      { capability: 'Ревью', withOd: 'Это код — смотрите дифф в PR', without: 'Попиксельно сравнивать с макетом' },
      { capability: 'Стоимость и привязка к вендору', withOd: 'Open source, в вашем репозитории, работает локально', without: 'Дизайн-инструмент, лицензию на который должна купить вся команда' },
    ],
    featuresTitle: 'Что может сгенерировать инженер',
    features: [
      { title: 'UI веб-приложения', body: 'Многоэкранный фронтенд из описания.', thumb: 'example-web-prototype' },
      { title: 'Dev-дашборды', body: 'Дашборды репозитория, CI и метрик.', thumb: 'example-github-dashboard' },
      { title: 'Отчёты по данным', body: 'Структурированные отчёты из ваших данных.', thumb: 'example-data-report' },
      { title: 'Админ-дашборды', body: 'Внутренние инструменты и админ-панели.', thumb: 'example-dashboard' },
      { title: 'Лендинги', body: 'Маркетинговые страницы без ожидания дизайна.', thumb: 'example-saas-landing' },
      { title: 'Kanban / доски', body: 'UI внутренних рабочих процессов.', thumb: 'example-kanban-board' },
    ],
    galleryTitle: 'Создано инженерами с Open Design',
    galleryLead:
      'Настоящий фронтенд по системе, сгенерированный прямо в репозитории. Выберите тот, что ближе к тому, что вы строите, и опишите его.',
    gallery: [
      { thumb: 'example-web-prototype', caption: 'UI веб-приложения' },
      { thumb: 'example-github-dashboard', caption: 'Dev-дашборд' },
      { thumb: 'example-data-report', caption: 'Отчёт по данным' },
      { thumb: 'example-kanban-board', caption: 'UI внутренней доски' },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Смотреть шаблоны',
    faqTitle: 'FAQ по инженерии',
    faq: [
      { q: 'Мне всё ещё нужен дизайнер?', a: 'Для бренда и направления — да. Но для сборки UI по системе и внутренних инструментов агент читает DESIGN.md и пишет фронтенд — без круга передачи задач.' },
      { q: 'Что он выдаёт?', a: 'Настоящий HTML / код фреймворка в вашем репозитории, доступный к ревью в PR — а не макет, который вы переписываете заново.' },
      { q: 'Как он остаётся по системе?', a: 'DESIGN.md — источник истины; агент применяет его в момент генерации, поэтому результат соответствует без ручной попиксельной сверки.' },
      { q: 'Каких агентов я могу использовать?', a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры — с вашими собственными ключами провайдеров.' },
    ],
    ctaTitle: 'Сгенерируйте свой следующий UI сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите DESIGN.md во фронтенд — прямо в агенте, которым вы уже пользуетесь.',
  },
  roleProductManagers: {
    title: 'Open Design для продакт-менеджеров',
    description:
      'Перестаньте ждать дизайн-ресурсы, чтобы донести идею. Open Design позволяет продакт-менеджеру превратить запрос в кликабельный прототип или вайрфрейм — чтобы согласовать со стейкхолдерами и поставить задачу команде, без дизайн-тикета.',
    breadcrumb: 'Продакт-менеджеры',
    label: 'Для · Продакт-менеджеров',
    heading: 'Сделайте идею кликабельной ещё до кикоффа',
    lead: 'Опишите сценарий, и ваш агент отрисует настоящий кликабельный прототип, который вы уже сегодня можете показать стейкхолдерам — чтобы на ревью обсуждали реальную вещь, а не абзац в документе.',
    heroImageAlt:
      'Редакционная иллюстрация: продакт-менеджер превращает записанную идею в кликабельный прототип, показанный стейкхолдерам',
    tldrTitle: 'В одной строке',
    tldrBody:
      'Open Design даёт продакт-менеджеру способ сделать идеи осязаемыми без дизайна: от запроса к прототипу для согласования и постановки задач, не тратя дизайн-бюджет команды.',
    stepsTitle: 'Как продакт-менеджер использует Open Design',
    steps: [
      {
        title: 'Опишите сценарий',
        body: 'Запишите пользовательский путь обычным языком — экраны, состояния, основной сценарий. Инструмент для вайрфреймов не нужен.',
        imageAlt: 'Иллюстрация продакт-менеджера, описывающего пользовательский сценарий',
      },
      {
        title: 'Получите кликабельный прототип',
        body: 'Агент отрисовывает навигируемые экраны, по которым можно реально кликать — гораздо понятнее слайда или документа для ревью со стейкхолдерами.',
        imageAlt: 'Иллюстрация кликабельного прототипа, созданного из описания',
      },
      {
        title: 'Согласуйте и передайте',
        body: 'Поделитесь ссылкой, соберите обратную связь по реальной вещи, затем передайте прототип дизайну/инженерии как точную общую отправную точку.',
        imageAlt: 'Иллюстрация прототипа, которым делятся для согласования, а затем передают команде',
      },
    ],
    tableTitle: 'Работа продакт-менеджера с Open Design против ожидания дизайна',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'Без него сегодня',
    tableRows: [
      { capability: 'Сделать идею осязаемой', withOd: 'Запрос → кликабельный прототип своими руками', without: 'Завести дизайн-тикет и ждать ресурсов' },
      { capability: 'Согласовать со стейкхолдерами', withOd: 'Они кликают по реальному сценарию', without: 'Они читают документ и представляют его по-разному' },
      { capability: 'Поставить задачу команде', withOd: 'Конкретный прототип как спецификация', without: 'Стена текста и переписка туда-сюда' },
      { capability: 'Итерировать до сборки', withOd: 'Меняйте запросом, делитесь заново', without: 'Ещё один круг в дизайн-очереди' },
      { capability: 'Стоимость', withOd: 'Open source, в агенте, которым вы уже пользуетесь', without: 'Дизайн-часы, потраченные на одноразовые концепты' },
    ],
    featuresTitle: 'Что продакт-менеджер может показать людям',
    features: [
      { title: 'Мобильные сценарии', body: 'Сквозные пути приложения, кликабельные.', thumb: 'example-mobile-app' },
      { title: 'Сценарии онбординга', body: 'Приветствие → настройка → первый запуск.', thumb: 'example-mobile-onboarding' },
      { title: 'Доски и рабочие процессы', body: 'Kanban и процессные UI для спецификаций.', thumb: 'example-kanban-board' },
      { title: 'Дашборды', body: 'Виды метрик, чтобы обрамить проблему.', thumb: 'example-dashboard' },
      { title: 'Веб-прототипы', body: 'Многоэкранные веб-сценарии для ревью.', thumb: 'example-web-prototype' },
      { title: 'Виды трендов', body: 'Срезы за 30 дней и тренды для контекста.', thumb: 'example-last30days' },
    ],
    galleryTitle: 'Прототипировано продакт-менеджерами с Open Design',
    galleryLead:
      'Кликабельные сценарии, отрисованные из описания, готовые к ревью со стейкхолдерами. Выберите тот, что ближе к вашей идее, и опишите его.',
    gallery: [
      { thumb: 'example-mobile-app', caption: 'Мобильный сценарий' },
      { thumb: 'example-mobile-onboarding', caption: 'Сценарий онбординга' },
      { thumb: 'example-kanban-board', caption: 'Доска рабочего процесса' },
      { thumb: 'example-web-prototype', caption: 'Веб-прототип' },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Смотреть шаблоны',
    faqTitle: 'FAQ для продакт-менеджера',
    faq: [
      { q: 'Я не умею проектировать дизайн — это для меня?', a: 'Да. Вы описываете сценарий словами; агент делает его кликабельным. Это для коммуникации и согласования, дизайн-инструмент не нужен.' },
      { q: 'Это настоящий прототип или макет?', a: 'Настоящий и кликабельный — навигация и состояния работают, поэтому стейкхолдеры реагируют на реальный опыт.' },
      { q: 'Это заменяет дизайн?', a: 'Нет — это даёт дизайну и инженерии точную общую отправную точку вместо текстовой спецификации и сохраняет дизайн-ресурсы для работы, которой они действительно нужны.' },
      { q: 'Каких агентов я могу использовать?', a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры — с вашими собственными ключами провайдеров.' },
    ],
    ctaTitle: 'Сделайте свою идею кликабельной сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите свою следующую спецификацию в нечто, по чему люди могут кликать — прямо в агенте, которым вы уже пользуетесь.',
  },
  roleMarketing: {
    title: 'Open Design для маркетинговых команд',
    description:
      'Выпускайте кампании со скоростью контента. Open Design позволяет вашему агенту создавать лендинги, карточки для соцсетей и визуалы кампаний по запросу — в фирменном стиле, по требованию, без очереди в дизайн.',
    breadcrumb: 'Маркетинг',
    label: 'Для · Маркетинга',
    heading: 'Визуалы кампаний со скоростью запроса',
    lead: 'Лендинги, карточки для соцсетей, обложки, графика анонсов — описанные словами, отрисованные в фирменном стиле, выпущенные в тот же день. Никакого дизайн-тикета, никакой возни с шаблонами.',
    heroImageAlt:
      'Редакционная иллюстрация: маркетолог превращает бриф в лендинг и набор фирменных карточек для соцсетей',
    tldrTitle: 'В одной строке',
    tldrBody:
      'Open Design — это всегда доступный дизайн-ресурс для маркетинга: от запроса к ассету для лендингов и соцсетей, в фирменном стиле, чтобы кампании выходили со скоростью, с которой вы пишете тексты.',
    stepsTitle: 'Как маркетинговая команда использует Open Design',
    steps: [
      {
        title: 'Зафиксируйте бренд',
        body: 'Ваш DESIGN.md хранит цвета, типографику и tone of voice. Каждый ассет, который делает агент, автоматически в фирменном стиле — без перестилизации каждого ассета.',
        imageAlt: 'Иллюстрация бренд-системы, применённой к маркетинговым ассетам',
      },
      {
        title: 'Сгенерируйте кампанию',
        body: 'Лендинг, карточки для соцсетей, обложки, графика анонсов — по одному запросу на каждый, консистентный набор на всех каналах.',
        imageAlt: 'Иллюстрация полного набора кампании, сгенерированного из запросов',
      },
      {
        title: 'Выпускайте и итерируйте',
        body: 'Лендинги отрисовываются в HTML, который можно деплоить; графика экспортируется в PNG. Поменяйте заголовок, переотрисуйте набор — без ожидания в очереди.',
        imageAlt: 'Иллюстрация ассетов кампании, которые быстро выпускаются и итерируются',
      },
    ],
    tableTitle: 'Маркетинг с Open Design против обычной суеты',
    tableColCapability: 'Что вам нужно',
    tableColWithOd: 'С Open Design',
    tableColWithout: 'Без него сегодня',
    tableRows: [
      { capability: 'Запустить лендинг', withOd: 'Запрос → страница в фирменном стиле, готова к деплою', without: 'Ставить задачу дизайну или сражаться с конструктором сайтов' },
      { capability: 'Консистентный набор для соцсетей', withOd: 'Тот же шаблон, новый текст, идеально выровнено', without: 'Выравнивать каждую карточку вручную' },
      { capability: 'Оставаться в фирменном стиле', withOd: 'Один DESIGN.md применяется к каждому ассету', without: 'Надеяться, что каждый ассет соответствует гайдлайнам' },
      { capability: 'Двигаться со скоростью кампании', withOd: 'Ассет по запросу, в тот же день', without: 'Стоять в очереди за дизайн-бэклогом' },
      { capability: 'Стоимость', withOd: 'Open source, без дизайн-инструмента с оплатой за место', without: 'Подписки плюс дизайн-часы' },
    ],
    featuresTitle: 'Что может выпустить маркетинговая команда',
    features: [
      { title: 'Лендинги', body: 'Лендинги кампаний и продуктов, готовые к деплою.', thumb: 'example-saas-landing' },
      { title: 'Карточки для соцсетей', body: 'Карточки X / Twitter в фирменном стиле.', thumb: 'example-card-twitter' },
      { title: 'Карусели', body: 'Многослайдовые наборы для соцсетей, консистентные.', thumb: 'example-social-carousel' },
      { title: 'Постеры', body: 'Постеры анонсов и мероприятий.', thumb: 'example-magazine-poster' },
      { title: 'Обложки статей', body: 'Обложки для блога и рассылки.', thumb: 'example-article-magazine' },
      { title: 'Веб-страницы', body: 'Микросайты и страницы кампаний.', thumb: 'example-web-prototype' },
    ],
    galleryTitle: 'Выпущено маркетингом с Open Design',
    galleryLead:
      'Ассеты кампаний в фирменном стиле, отрисованные из запроса. Выберите тот, что ближе к вашей кампании, и подставьте свой текст.',
    gallery: [
      { thumb: 'example-saas-landing', caption: 'Лендинг кампании' },
      { thumb: 'example-card-twitter', caption: 'Карточка для соцсетей' },
      { thumb: 'example-social-carousel', caption: 'Карусель для соцсетей' },
      { thumb: 'example-magazine-poster', caption: 'Постер анонса' },
    ],
    exampleHref: '/plugins/templates/',
    exampleLinkLabel: 'Смотреть шаблоны',
    faqTitle: 'FAQ по маркетингу',
    faq: [
      { q: 'Нам нужен дизайнер для каждого ассета?', a: 'Нет. Агент отрисовывает лендинги и ассеты для соцсетей в фирменном стиле по запросу, поэтому команда выпускает рутинную работу по кампаниям без очереди в дизайн.' },
      { q: 'Как ассеты остаются в фирменном стиле?', a: 'Ваш DESIGN.md применяется ко всему автоматически — цвета, типографика и tone of voice переносятся на каждый ассет.' },
      { q: 'Лендинги действительно могут выйти в свет?', a: 'Да — они отрисовываются в HTML, который можно деплоить, а графика экспортируется в PNG. Это готовые к выпуску ассеты, а не макеты.' },
      { q: 'Каких агентов я могу использовать?', a: 'Claude Code, Codex, Cursor Agent, Gemini CLI и другие нативные адаптеры — с вашими собственными ключами провайдеров.' },
    ],
    ctaTitle: 'Выпустите свою следующую кампанию сегодня вечером',
    ctaBody:
      'Поставьте звезду репозиторию, установите Open Design и превратите брифы в ассеты в фирменном стиле — прямо в агенте, которым вы уже пользуетесь.',
  },
};
