带有树懒吉祥物的柔和色调跑步 App UI

{"type":"mobile fitness app UI mockup","style":"clean modern pastel app design, soft beige and warm white surfaces, muted sage green accents, rounded cards and buttons, subtle shadows, thin minimalist line icons, friendly playful branding with a sloth mascot, dribbble-style presentation on a dark brown dotted background","theme":"running tracker app","layout":{"device_count":3,"arrangement":"three tall smartphone screens side by side, evenly spaced, front view","background":"very dark brown with a faint evenly spaced dot grid","screens":[{"position":"left","screen_type":"home dashboard","header":{"greeting":"Good morning, Runner! 👋","left_icon":"none","right_icon":"notification bell"},"hero_card":{"headline":"Ready for a great day?","subcard_text_line_1":"Every step forward is a win.","subcard_text_line_2":"Let's make it count. 🌱","illustration":"cute sloth wearing a cream headband and mint-green workout outfit, standing and waving inside the card on the right"},"sections":[{"title":"This Week","position":"upper middle","count":3,"labels":["Runs","Distance","Time"],"values":["3","12.6 km","1h 45m"],"presentation":"single rounded stats card with three equal columns and pale green circular icons"},{"title":"NEXT GOAL","position":"middle lower","count":1,"labels":["20 km this month"],"values":["63%"],"presentation":"rounded progress card with green progress bar and small waving sloth illustration on the right"},{"title":"Recent Activity","position":"lower","count":1,"labels":["Recent Activity"],"presentation":"top edge of another rounded card visible, cropped by the bottom navigation"}],"bottom_nav":{"count":4,"labels":["Home","Run","Progress","Profile"],"active":"Home"}},{"position":"center","screen_type":"run summary","header":{"left_icon":"back chevron","center_text":"Great job!","subtext":"You did it. Time to celebrate. 🎉","right_icon":"share"},"hero_illustration":"cute sloth wearing a headband, mint athletic outfit, and a gold medal, both arms raised in celebration","stats_row":{"count":3,"labels":["DISTANCE","TIME","PACE"],"values":["5.00km","32:15","6:27"],"presentation":"three rounded statistic pills"},"achievement_card":{"count":1,"title":"New Personal Best! 🌟","subtitle":"You shaved 1:12 off your previous 5K.","icon":"small gold medal badge"},"table_section":{"title":"Splits","count":2,"columns":["KM","PACE","TIME"],"rows":[["1","6:35","6:35"],["2","6:23","12:58"]],"presentation":"rounded white table card with light dividers"}},{"position":"right","screen_type":"run goal setup","header":{"left_icon":"close x","center_text":"Time to run!","subtext":"You've got this. We'll take it slow. 🦥","right_icon":"settings gear"},"goal_visual":{"type":"circular progress selector","top_label":"CHOOSE A GOAL","main_value":"5.00","unit":"kilometers","ring":"thick partial sage-green arc on a pale beige circle","illustration":"small sloth stretching on the upper-right edge of the circle"},"goal_options":{"count":4,"labels":["2 km","5 km","10 km","Half"],"active":"5 km"},"primary_cta":{"label":"Start Run","style":"large rounded sage-green button"},"secondary_action":{"label":"Just Track","icon":"location pin"},"bottom_nav":{"count":4,"labels":["Home","Run","Progress","Profile"],"active":"Run"}}]}}

{"type":"移动健身 App UI 模型","style":"简洁现代的粉彩 App 设计，柔和的米色和暖白色表面，点缀柔和的鼠尾草绿，圆角卡片和按钮，细腻的阴影，纤细的极简线条图标，带有树懒吉祥物的友好趣味品牌形象，Dribbble 风格的深棕色点阵背景展示","theme":"跑步追踪 App","layout":{"device_count":3,"arrangement":"三个并排的修长智能手机屏幕，间距均匀，正面视角","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 公里","1 小时 45 分"],"presentation":"单个圆角统计卡片，包含三列等宽内容和淡绿色圆形图标"},{"title":"下一个目标","position":"中下","count":1,"labels":["本月 20 公里"],"values":["63%"],"presentation":"圆角进度卡片，配有绿色进度条和右侧挥手的树懒小插图"},{"title":"近期活动","position":"底部","count":1,"labels":["近期活动"],"presentation":"另一个圆角卡片的顶部边缘可见，被底部导航栏遮挡"}],"bottom_nav":{"count":4,"labels":["首页","跑步","进度","个人资料"],"active":"首页"}},{"position":"中间","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":["首页","跑步","进度","个人资料"],"active":"跑步"}}]}}