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

{ "type": "Темный интерфейс панели аналитики SaaS", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "Интерфейс выполнен в глубоком темно-синем цвете с текстурой матового стекла, с едва заметными градиентами, мягким освещением, закругленными карточками и тонкими рамками, воплощая эстетику современных инструментов разработчика." }, "canvas": { "aspect_ratio": "16:9", "background": "Глубокий темно-синий цвет с едва заметным виньетированием и мягкими радиальными эффектами освещения." }, "layout": { "structure": "Левая боковая панель плюс основная область контента", "sections": [ { "title": "Боковая панель", "position": "Левая сторона", "count": 8, "labels": [ "AICode", "Обзор", "проект", "AI-помощники", "API и использование", "Качество кода", "команда", "настройка" ], "details": "Логотип отображается вверху, а "Обзор" выделяется фиолетовым цветом при выборе. Карточка подписки внизу показывает план Pro, срок действия которого истекает через 12 дней. Горизонтальная полоса прогресса показывает 75%. Профиль пользователя внизу включает аватар.{argument name=\"имя пользователя\" по умолчанию=\"Алекс Морган\"} и адрес электронной почты [email protected]" }, { "title": "Заголовок", "position": "Верхняя основная область", "count": 4, "labels": [ "Добро пожаловать обратно, Алекс 👋", "Это сегодняшний обновление с вашей платформы программирования ИИ.", "12 мая 2024 г. – 12 июня 2024 г.", "Отчет об экспорте" ], "подробности": "Слева расположено большое приветствие, а справа — селектор диапазона дат и кнопка экспорта." }, { "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" представляет собой график с широкой областью и выпадающим меню "Ежедневно"; фиолетовая линия показывает восходящую тенденцию, заканчивающуюся около 250K. "Популярные элементы" — это список из 5 элементов с индикаторами выполнения и процентными изменениями. "Тепловая карта активности пользователей" — это еженедельная тепловая карта из 7 строк с почасовыми метками с 12:00 до 21:00. Диаграмма "Тенденции качества кода" — это линейный график с выпадающим меню "Еженедельно"; фиолетовая кривая плавно поднимается примерно от 70 до чуть более 90." }, { "title": "Список популярных проектов", "position": "Средняя правая панель", "count": 5, "labels": [ "AI Code Assistant", "Smart Refactor", "Code Review Bot", "Doc Generator", "Test Builder" ], "values": [ "485K", "321K", "214K", "132K", "98K" ], "details": "Первые четыре элемента показали положительный рост (зеленым цветом) на 12,4%, 8,7%, 3,1% и 6,8% соответственно, в то время как Test Builder показал отрицательный рост (красным цветом) на -1,2%; каждая строка имела цветной квадратный значок и тонкую горизонтальную полосу прогресса." } ] }, "style": { "visual_language": "Прототип дизайна продукта для финансовых технологий и ИИ высокого уровня", "rendering": "Четкий, высококачественный прототип пользовательского интерфейса, тонкие тени, неоновые эффекты подсветки краев, изысканные диаграммы и чистый шрифт без засечек."", "primary_accent": "{argument name=\"accent color\" default=\"Electric Violet\"}", "secondary_accents": [ "Emerald Green", "Amber Yellow", "Cyan" ], "density": "Информационно насыщенный и пространственно сбалансированный, с хорошо сбалансированной сеткой и высокой читаемостью." } }