Панель управления кодированием с использованием темного ИИ.

{
  "type": "темный интерфейс аналитической панели SaaS",
  "product": {
    "brand": "{argument name=\"brand name\" default=\"AICode\"}",
    "theme": "темно-синий интерфейс в стиле glassmorphism с тонкими градиентами, мягким свечением, закругленными картами, тонкими границами, современная эстетика инструмента для разработчиков"
  },
  "canvas": {
    "aspect_ratio": "16:9",
    "background": "глубокий полуночный синий с легкой виньеткой и мягким радиальным освещением"
  },
  "layout": {
    "structure": "левая боковая панель плюс основная область контента",
    "sections": [
      {
        "title": "Боковая панель",
        "position": "слева",
        "count": 8,
        "labels": [
          "AICode",
          "Обзор",
          "Проекты",
          "AI Ассистенты",
          "API и использование",
          "Качество кода",
          "Команда",
          "Настройки"
        ],
        "details": "логотип вверху, Обзор выделен фиолетовым цветом, нижняя карта подписки показывает Pro План, продлевается через 12 дней, горизонтальная полоса прогресса на 75%, профиль пользователя внизу с аватаром, {argument name=\"user name\" default=\"Alex Morgan\"}, и email [email protected]"
      },
      {
        "title": "Заголовок",
        "position": "верхняя основная область",
        "count": 4,
        "labels": [
          "Добро пожаловать, Alex 👋",
          "Вот что происходит с вашей платформой для кодирования AI сегодня.",
          "12 мая – 12 июня 2024 г.",
          "Экспорт отчета"
        ],
        "details": "большое приветствие слева, выборчик диапазона дат и кнопка экспорта справа"
      },
      {
        "title": "Карточки метрик",
        "position": "верхний ряд под заголовком",
        "count": 4,
        "labels": [
          "Всего пользователей",
          "Активные проекты",
          "API Вызовы",
          "Оценка качества кода"
        ],
        "values": [
          "12 842",
          "2 153",
          "1,28 млн",
          "876"
        ],
        "details": "на каждой карточке небольшая цветная иконка, большое основное значение, текст сравнения по сравнению с 12 апреля – 12 мая 2024 г., положительные изменения в процентах 14,6%, 8,3%, 23,7%, 5,9% и миниатюрный линейный график внизу; цвета: фиолетовый, зеленый, янтарный и синий"
      },
      {
        "title": "Основные аналитические панели",
        "position": "средние и нижние ряды",
        "count": 4,
        "labels": [
          "API Вызовы с течением времени",
          "Лучшие проекты",
          "Тепловая карта активности пользователей",
          "Тенденции качества кода"
        ],
        "details": "API Вызовы с течением времени — это широкая линейная диаграмма с выпадающим меню Daily и восходящей фиолетовой линией, заканчивающейся около 250 тыс.; Лучшие проекты — это ранжированный список из 5 элементов с полосами прогресса и процентными изменениями; Тепловая карта активности пользователей — это еженедельная тепловая карта из 7 строк с метками часов от 12:00 до 21:00; Тенденции качества кода — это линейная диаграмма с выпадающим меню Weekly и плавной восходящей фиолетовой тенденцией от примерно 70 до низких 90-х"
      },
      {
        "title": "Список лучших проектов",
        "position": "средняя правая панель",
        "count": 5,
        "labels": [
          "AI Code Assistant",
          "Smart Refactor",
          "Code Review Bot",
          "Doc Generator",
          "Test Builder"
        ],
        "values": [
          "485 тыс.",
          "321 тыс.",
          "214 тыс.",
          "132 тыс.",
          "98 тыс."
        ],
        "details": "зеленые положительные дельты для первых четырех элементов 12,4%, 8,7%, 3,1%, 6,8% и красная отрицательная дельта -1,2% для Test Builder; каждая строка имеет цветной квадратный значок и тонкую горизонтальную полосу прогресса"
      }
    ]
  },
  "style": {
    "visual_language": "премиальный макет дизайна продукта fintech и AI",
    "rendering": "четкий высококачественный макет пользовательского интерфейса, тонкие тени, неоновая краевая подсветка, отполированные диаграммы, чистая типография без засечек",
    "primary_accent": "{argument name=\"accent color\" default=\"electric purple\"}",
    "secondary_accents": [
      "изумрудно-зеленый",
      "янтарно-желтый",
      "бирюзово-синий"
    ],
    "density": "информативно-насыщенный, но просторный, сбалансированная сетка, высокая разборчивость"
  }
}