Pastel Running App UI with Sloth Mascot

This prompt generates a polished three-screen mobile running app concept with soft pastel styling and a cute sloth mascot, ideal for app design showcases and editable UI mockups.

{"type":"モバイルフィットネスアプリUIモックアップ","style":"クリーンでモダンなパステルアプリデザイン、ソフトビージューと温かい白のサーフェス、マットなセージグリーンのアクセント、丸みのあるカードとボタン、微かな影、細いミニマリストのラインアイコン、親しみやすい遊び心のあるブランドイングwithスロスマスコット、ダークブラウンのドット背景上的dribbbleスタイルのプレゼンテーション","theme":"ランニングトラッカーアプリ","layout":{"device_count":3,"arrangement":"3つの縦長のスマートフォンスクリーンを横に並べ、均等に間隔を空け、正面ビュー","background":"非常に暗い茶色で淡く均等に配置されたドットグリッド","screens":[{"position":"left","screen_type":"ホームダッシュボード","header":{"greeting":"おはよう、ランナーさん！👋","left_icon":"none","right_icon":"通知ベル"},"hero_card":{"headline":"素晴らしい一日の準備はできましたか？","subcard_text_line_1":"一歩前進することはすべて勝利です。","subcard_text_line_2":"これを大切にしましょう。🌱","illustration":"クリーム色のヘッドバンドとミントグリーンのワークアウト衣装を着た可愛いスロスが、カードの右側で立って手を振っている"},"sections":[{"title":"今週","position":"upper middle","count":3,"labels":["ランニング回数","距離","時間"],"values":["3","12.6 km","1h 45m"],"presentation":"3つの等しいカラムと淡い緑の円形アイコンを持つ単一の丸みのある統計カード"},{"title":"次の目標","position":"middle lower","count":1,"labels":["今月20 km"],"values":["63%"],"presentation":"緑のプログレスバーと右側に小さく手を振るスロスのイラストがある丸みのある進捗カード"},{"title":"最近のアクティビティ","position":"lower","count":1,"labels":["最近のアクティビティ"],"presentation":"ボトムナビゲーションに切断された別の丸みのあるカードの上端が見える"}],"bottom_nav":{"count":4,"labels":["ホーム","ラン","進捗","プロフィール"],"active":"ホーム"}},{"position":"center","screen_type":"ランサマリー","header":{"left_icon":"バックチェvron","center_text":"よくできました！","subtext":"できました。お祝いの時間です。🎉","right_icon":"共有"},"hero_illustration":"ヘッドバンド、ミントのアスリート衣装、ゴールドメダルを着た可愛いスロスが、両腕を挙げてお祝いしている","stats_row":{"count":3,"labels":["DISTANCE","TIME","PACE"],"values":["5.00km","32:15","6:27"],"presentation":"3つの丸みのある統計ピル"},"achievement_card":{"count":1,"title":"新しい自己ベスト！🌟","subtitle":"以前の5Kから1:12削減しました。","icon":"小さなゴールドメダルバッジ"},"table_section":{"title":"スプリット","count":2,"columns":["KM","PACE","TIME"],"rows":[["1","6:35","6:35"],["2","6:23","12:58"]],"presentation":"薄い区切り線のある丸みのある白いテーブルカード"}},{"position":"right","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 km","5 km","10 km","ハーフ"],"active":"5 km"},"primary_cta":{"label":"ラン開始","style":"大きな丸みのあるセージグリーンボタン"},"secondary_action":{"label":"トラッキングのみ","icon":"場所ピン"},"bottom_nav":{"count":4,"labels":["ホーム","ラン","進捗","プロフィール"],"active":"ラン"}}]}}

機械翻訳 — この作品を生成したのは元のプロンプトです。

✨ 生成 保存 プロンプトをコピー 共有 元の投稿 Hitboard で開く