UI แอปวิ่งโทนสีพาสเทลพร้อมมาสคอตสลอธ

{"type":"mobile fitness app UI mockup","style":"ดีไซน์แอปสไตล์พาสเทลที่สะอาดและทันสมัย พื้นผิวสีเบจและสีขาวอุ่น ตกแต่งด้วยสีเขียวเซจหม่น การ์ดและปุ่มแบบขอบมน เงาที่ดูนุ่มนวล ไอคอนเส้นบางสไตล์มินิมอล แบรนด์ดิ้งที่ดูเป็นมิตรและขี้เล่นด้วยมาสคอตสลอธ นำเสนอในสไตล์ Dribbble บนพื้นหลังสีน้ำตาลเข้มลายจุด","theme":"running tracker app","layout":{"device_count":3,"arrangement":"หน้าจอสมาร์ทโฟนทรงสูง 3 จอวางเรียงกัน เว้นระยะห่างเท่ากัน มุมมองด้านหน้า","background":"สีน้ำตาลเข้มมากพร้อมลายจุดตารางที่เว้นระยะห่างเท่ากัน","screens":[{"position":"left","screen_type":"home dashboard","header":{"greeting":"อรุณสวัสดิ์ นักวิ่ง! 👋","left_icon":"none","right_icon":"notification bell"},"hero_card":{"headline":"พร้อมสำหรับวันที่ยอดเยี่ยมหรือยัง?","subcard_text_line_1":"ทุกก้าวที่เดินหน้าคือชัยชนะ","subcard_text_line_2":"มาทำให้มันมีความหมายกันเถอะ 🌱","illustration":"สลอธน่ารักสวมที่คาดผมสีครีมและชุดออกกำลังกายสีเขียวมิ้นต์ ยืนโบกมืออยู่ภายในการ์ดทางด้านขวา"},"sections":[{"title":"สัปดาห์นี้","position":"upper middle","count":3,"labels":["วิ่ง","ระยะทาง","เวลา"],"values":["3","12.6 กม.","1 ชม. 45 นาที"],"presentation":"การ์ดสถิติขอบมนใบเดียวแบ่งเป็น 3 คอลัมน์เท่าๆ กัน พร้อมไอคอนวงกลมสีเขียวอ่อน"},{"title":"เป้าหมายถัดไป","position":"middle lower","count":1,"labels":["20 กม. ในเดือนนี้"],"values":["63%"],"presentation":"การ์ดความคืบหน้าขอบมนพร้อมแถบความคืบหน้าสีเขียวและภาพประกอบสลอธโบกมือเล็กๆ ทางด้านขวา"},{"title":"กิจกรรมล่าสุด","position":"lower","count":1,"labels":["กิจกรรมล่าสุด"],"presentation":"ขอบด้านบนของการ์ดขอบมนอีกใบที่มองเห็นได้ ถูกตัดด้วยแถบนำทางด้านล่าง"}],"bottom_nav":{"count":4,"labels":["หน้าหลัก","วิ่ง","ความคืบหน้า","โปรไฟล์"],"active":"หน้าหลัก"}},{"position":"center","screen_type":"run summary","header":{"left_icon":"back chevron","center_text":"ทำได้ดีมาก!","subtext":"คุณทำสำเร็จแล้ว ได้เวลาฉลองกัน 🎉","right_icon":"share"},"hero_illustration":"สลอธน่ารักสวมที่คาดผม ชุดกีฬาเขียวมิ้นต์ และเหรียญทอง ชูแขนทั้งสองข้างเพื่อเฉลิมฉลอง","stats_row":{"count":3,"labels":["ระยะทาง","เวลา","ความเร็ว"],"values":["5.00 กม.","32:15","6:27"],"presentation":"ป้ายสถิติขอบมน 3 อัน"},"achievement_card":{"count":1,"title":"สถิติใหม่ของคุณ! 🌟","subtitle":"คุณทำเวลาได้ดีขึ้น 1:12 นาที จากการวิ่ง 5 กม. ครั้งก่อน","icon":"small gold medal badge"},"table_section":{"title":"การแบ่งช่วง (Splits)","count":2,"columns":["กม.","ความเร็ว","เวลา"],"rows":[["1","6:35","6:35"],["2","6:23","12:58"]],"presentation":"การ์ดตารางสีขาวขอบมนพร้อมเส้นแบ่งสีอ่อน"}},{"position":"right","screen_type":"run goal setup","header":{"left_icon":"close x","center_text":"ได้เวลาวิ่งแล้ว!","subtext":"คุณทำได้ เราจะค่อยๆ ไปกันนะ 🦥","right_icon":"settings gear"},"goal_visual":{"type":"circular progress selector","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":"location pin"},"bottom_nav":{"count":4,"labels":["หน้าหลัก","วิ่ง","ความคืบหน้า","โปรไฟล์"],"active":"วิ่ง"}}]}}