Интерфейс приложения для бега в пастельных тонах с талисманом в виде ленивца.

{ "type": "Модель пользовательского интерфейса мобильного фитнес-приложения", "style": "Чистый и современный дизайн приложения в пастельных тонах, с мягкими бежевыми и теплыми белыми поверхностями, подчеркнутыми нежным шалфейно-зеленым цветом, закругленными карточками и кнопками, едва заметными тенями, изящными минималистичными иконками, дружелюбным и игривым фирменным стилем с талисманом-ленивцем и темно-коричневым точечным фоном в стиле Dribbble."", "theme": "Приложение для отслеживания бега", "layout": { "device_count": 3, "arrangement": "Три вытянутых экрана смартфона расположены рядом, равномерно распределены, фронтальный вид."", "background": "Очень темно-коричневый с едва заметным равномерным точечным узором."", "screens": [ { "position": "Левая сторона", "screen_type": "Главная панель", "header": { "greeting": "Доброе утро, бегуны! 👋", "left_icon": "нет", "right_icon": "Колокольчик уведомлений" }, "hero_card": { "Заголовок": "Готовы к чудесному дню?", "Подзаголовок_строка_1": "Каждый шаг вперед — это победа.", "Подзаголовок_строка_2": "Давайте сделаем каждый момент значимым. 🌱", "Иллюстрация": "Очаровательный ленивец в кремовой повязке на голове и мятно-зеленом спортивном костюме стоит справа от карточки и машет рукой." }, "Разделы": [ { "Заголовок": "На этой неделе", "Позиция": "Верхняя середина", "Количество": 3, "Метки": [ "Количество забегов", "Расстояние", "Время" ], "Значения": [ "3", "12,6 км", "1 час 45 минут" ], "Презентация": "Одна карточка статистики со скругленными углами, содержащая три столбца одинаковой ширины и светло-зеленую круглую иконку." }, { "title": "Следующая цель", "position": "От середины к низу", "count": 1, "labels": [ "20 километров в этом месяце" ], "values": [ "63%" ], "presentation": "Карточка прогресса со скругленными углами, зеленой полосой прогресса и небольшим изображением ленивца, машущего рукой справа." }, { "title": "Недавние действия", "position": "снизу", "count": 1, "labels": [ "Недавние действия" ], "presentation": "Верхний край другой карточки со скругленными углами виден, но он скрыт нижней панелью навигации." } ], "bottom_nav": { "count": 4, "labels": [ "главная страница", "бег", "расписание", "личная информация" ], "active": "главная страница" } }, { "position": "middle", "screen_type": "Краткое описание бега", "header": { "left_icon": "Стрелка возврата", "center_text": "Молодец!", "subtext": "Ты это сделал! Время праздновать! 🎉", "right_icon": "поделиться" }, "hero_illustration": "Очаровательный ленивец в повязке на голове, мятно-зеленом спортивном костюме и с золотой медалью поднимает руки в знак празднования.", "stats_row": { "count": 3, "labels": [ "расстояние", "время", "темп" ], "values": [ "5.00 км", "32:15", "6:27" ], "presentation": "Три статистические капсулы со скругленными углами" }, "achievement_card": { "count": 1, "title": "Новый личный рекорд! 🌟", "subtitle": "Вы пробежали 5 километров на 1 минуту и ​​12 секунд быстрее, чем в прошлый раз."", "icon": "Маленький золотой значок" }, "table_section": { "title": "Сегментация", "count": 2, "columns": [ "километр", "темп", "время" ], "rows": [ [ "1", "6:35", "6:35" ], [ "2", "6:23", "12:58" ] ], "presentation": "Закругленные белые карточки с разделительными линиями светлого цвета" } }, { "position": "правая сторона", "screen_type": "Установка целей для бега"", "header": { "left_icon": "Закрыть X", "center_text": "Начнем бегать!", "subtext": "Вы можете это сделать. Мы возьмем медленно. 🦥", "right_icon": "Установить передачи" }, "goal_visual": { "type": "Круговой селектор прогресса", "top_label": "Выберите цель", "main_value": "5.00", "unit": "километр", "ring": "Смелая дуга шалфейно-зеленого цвета на светло-бежевом кольце", "illustration": "Маленький ленивец, вытягивающийся в верхнем правом углу круга" }, "goal_options": { "count": 4, "labels": [ "2 километра", "5 километров", "10 километров", "Полумарафон" ], "active": "5 километров" }, "primary_cta": { "label": "Начать бег", "style": "Большая закругленная кнопка шалфейно-зеленого цвета" }, "secondary_action": { "label": "Только трек", "icon": "Маркер местоположения" }, "bottom_nav": { "count": 4, "labels": [ "главная страница", "бегущий", "расписание", "личная информация" ], "активный": "бегущий" } } ] } }