ナマケモノのマスコットが入ったパステルカラーのランニングアプリUI

{ "type": "モバイルフィットネスアプリのUIモデル", "style": "クリーンでモダンなパステル調のアプリデザイン。柔らかなベージュと温かみのある白の表面に、繊細なセージグリーン、丸みを帯びたカードとボタン、さりげない影、細身のミニマルなアイコン、ナマケモノのマスコットを使ったフレンドリーで遊び心のあるブランドアイデンティティ、そしてDribbble風のダークブラウンのドット柄の背景が特徴です。", "theme": "ランニングトラッキングアプリ", "layout": { "device_count": 3, "arrangement": "3つの細長いスマートフォン画面を横一列に並べ、均等な間隔で配置した正面図。", "background": "非常に濃い茶色で、かすかに均一なドットグリッドパターン。", "screens": [ { "position": "左側", "screen_type": "ホームダッシュボード", "header": { "greeting": "おはようございます、ランナーの皆さん！👋", "left_icon": "なし", "right_icon": "通知ベル" }, "hero_card": { "headline": "準備完了素晴らしい一日でしたか?, "subcard_text_line_1": "一歩前進するごとに勝利です。", "subcard_text_line_2": "すべての瞬間を意味のあるものにしましょう。🌱", "illustration": "クリーム色のヘッドバンドとミントグリーンのトラックスーツを着た愛らしいナマケモノがカードの右側に立って手を振っています。" }, "sections": [ { "title": "今週", "position": "上中央", "count": 3, "labels": [ "ランニング回数", "距離", "時間" ], "values": [ "3", "12.6 km", "1時間45分" ], "presentation": "幅が等しい3列のコンテンツと薄緑色の円形アイコンを含む、角が丸い統計カード1枚。" }, { "title": "次の目標", "position": "中央から下", "count": 1, "labels": [ "今月20キロメートル" ], "values": [ "63%" ], "presentation": "緑色のプログレスバーと右側に手を振るナマケモノの小さなイラストが付いた角丸のプログレスカード。" }, { "title": "最近のアクティビティ", "position": "下", "count": 1, "labels": [ "最近のアクティビティ" ], "presentation": "もう一方の角丸カードの上端が見えますが、下部のナビゲーションバーで隠れています。" } ], "bottom_nav": { "count": 4, "labels": [ "front page", "running", "schedule", "Personal information" ], "active": "front page" } }, { "position": "middle", "screen_type": "Running Summary", "header": { "left_icon": "Return arrow", "center_text": "Well done!", "subtext": "You did it! Time to celebrate! 🎉", "right_icon": "share" }, "hero_illustration": "ヘッドバンド、ミントグリーンのトラックスーツ、そして金メダルを身に着けた愛らしいナマケモノが、お祝いに両腕を上げています。", "stats_row": { "count": 3, "labels": [ "distance", "time", "pace" ], "values": [ "5.00 km", "32:15", "6:27" ], "presentation": "3つの角丸統計カプセル" }, "achievement_card": { "count": 1, "title": "自己ベスト更新！🌟", "subtitle": "前回5キロメートル走った時より1分12秒速くなりました。", "icon": "小さな金メダルバッジ" }, "table_section": { "title": "セグメンテーション", "count": 2, "columns": [ "kilometer", "pace", "time" ], "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": [ 「フロントページ」、「実行中」、「スケジュール」、「個人情報」]、「アクティブ」:「実行中」} } ] } }