UI Aplikasi Lari Pastel dengan Maskot Kukang

{ "type": "Model UI aplikasi kebugaran seluler", "style": "Desain aplikasi pastel yang bersih dan modern, menampilkan permukaan krem ​​lembut dan putih hangat yang dipertegas dengan warna hijau sage yang lembut, kartu dan tombol bulat, bayangan halus, ikon minimalis ramping, identitas merek yang ramah dan menyenangkan dengan maskot sloth, dan latar belakang titik-titik cokelat tua bergaya Dribbble.", "theme": "Aplikasi pelacak lari", "layout": { "device_count": 3, "arrangement": "Tiga layar ponsel pintar memanjang berdampingan, berjarak sama, tampilan depan.", "background": "Cokelat sangat tua dengan pola kisi titik seragam yang samar.", "screens": [ { "position": "Sisi kiri", "screen_type": "Dasbor Beranda", "header": { "greeting": "Selamat pagi, pelari! 👋", "left_icon": "none", "right_icon": "Lonceng notifikasi" }, "hero_card": { "headline": "Siap untuk hari yang indah?", "subcard_text_line_1": "Setiap langkah maju adalah kemenangan.", "subcard_text_line_2": "Mari kita jadikan setiap momen bermakna. 🌱", "illustration": "Seekor sloth yang menggemaskan, mengenakan ikat kepala berwarna krem ​​dan setelan olahraga hijau mint, berdiri di sisi kanan kartu dan melambaikan tangan." }, "sections": [ { "title": "Minggu ini", "position": "Tengah atas", "count": 3, "labels": [ "Jumlah lari", "jarak", "waktu" ], "values": [ "3", "12,6 km", "1 jam 45 menit" ], "presentation": "Sebuah kartu statistik dengan sudut membulat yang berisi tiga kolom konten dengan lebar yang sama dan ikon lingkaran hijau muda." }, { "title": "Tujuan Berikutnya", "position": "Tengah ke Bawah", "count": 1, "labels": [ "20 kilometer bulan ini" ], "values": [ "63%" ], "presentation": "Kartu kemajuan sudut membulat dengan bilah kemajuan hijau dan ilustrasi kecil seekor sloth yang melambai di sebelah kanan." }, { "title": "Aktivitas Terbaru", "position": "bawah", "count": 1, "labels": [ "Aktivitas Terbaru" ], "presentation": "Tepi atas kartu membulat lainnya terlihat, tetapi terhalang oleh bilah navigasi bawah." } ], "bottom_nav": { "count": 4, "labels": [ "halaman depan", "berlari", "jadwal", "Informasi pribadi" ], "aktif": "halaman depan" } }, { "position": "tengah", "screen_type": "Ringkasan Lari", "header": { "left_icon": "Panah kembali", "center_text": "Bagus sekali!", "subtext": "Kamu berhasil! Saatnya merayakan! 🎉", "right_icon": "bagikan" }, "hero_illustration": "Seekor sloth yang menggemaskan, mengenakan ikat kepala, setelan olahraga hijau mint, dan medali emas, mengangkat tangannya untuk merayakan.", "stats_row": { "count": 3, "labels": [ "jarak", "waktu", "kecepatan" ], "values": [ "5,00 km", "32:15", "6:27" ], "presentation": "Tiga kapsul statistik dengan sudut membulat" }, "achievement_card": { "count": 1, "title": "Rekor pribadi baru! 🌟", "subtitle": "Kamu 1 menit dan 12 detik lebih cepat daripada terakhir kali kamu menempuh jarak 5 kilometer.", "icon": "Lencana medali emas kecil" }, "table_section": { "title": "Segmentasi", "count": 2, "columns": [ "kilometer", "pace", "time" ], "rows": [ [ "1", "6:35", "6:35" ], [ "2", "6:23", "12:58" ] ], "presentation": "Kartu formulir putih bulat dengan garis pemisah berwarna terang" } }, { "position": "sisi kanan", "screen_type": "Menetapkan tujuan lari", "header": { "left_icon": "Tutup X", "center_text": "Ayo mulai berlari!", "subtext": "Kamu bisa melakukannya. Kami akan menerimanya" lambat. 🦥", "ikon_kanan": "Atur gigi" }, "visual_tujuan": { "tipe": "Pemilih kemajuan melingkar", "label_atas": "Pilih target", "nilai_utama": "5.00", "unit": "kilometer", "cincin": "Busur hijau sage tebal pada cincin krem ​​muda", "ilustrasi": "Seekor sloth kecil yang meregangkan tubuh di sudut kanan atas lingkaran" }, "opsi_tujuan": { "jumlah": 4, "label": [ "2 kilometer", "5 kilometer", "10 kilometer", "Setengah Maraton" ], "aktif": "5 kilometer" }, "cta_utama": { "label": "Mulai berlari", "gaya": "Tombol hijau sage bulat besar" }, "aksi_sekunder": { "label": "Hanya lacak", "ikon": "Penanda lokasi" }, "nav_bawah": { "jumlah": 4, "label": [ "halaman depan", "berlari", "jadwal", "Informasi pribadi" ], "aktif": "berjalan" } } ] } }