Pastel Renkli Koşu Uygulaması Arayüzü ve Tembel Hayvan Maskotu

{ "type": "Mobil fitness uygulaması kullanıcı arayüzü modeli", "style": "Yumuşak bej ve sıcak beyaz yüzeylere, zarif adaçayı yeşili vurgularına, yuvarlak kartlara ve düğmelere, ince gölgelere, ince minimalist simgelere, tembel hayvan maskotuyla dostane ve eğlenceli bir marka kimliğine ve Dribbble tarzı koyu kahverengi noktalı bir arka plana sahip temiz ve modern pastel bir uygulama tasarımı.", "theme": "Koşu takip uygulaması", "layout": { "device_count": 3, "arrangement": "Yan yana, eşit aralıklı, önden görünümde üç uzun akıllı telefon ekranı.", "background": "Soluk, düzgün noktalı ızgara desenli çok koyu kahverengi.", "screens": [ { "position": "Sol taraf", "screen_type": "Ana Ekran", "header": { "greeting": "Günaydın koşucular! 👋", "left_icon": "yok", "right_icon": "Bildirim" zil" }, "kahraman_kartı": { "başlık": "Harika bir güne hazır mısınız?", "alt_kart_metin_satırı_1": "Her adım bir zaferdir.", "alt_kart_metin_satırı_2": "Her anı anlamlı kılalım. 🌱", "illüstrasyon": "Krem rengi bir saç bandı ve nane yeşili bir eşofman giyen sevimli bir tembel hayvan, kartın sağ tarafında duruyor ve el sallıyor." }, "bölümler": [ { "başlık": "Bu hafta", "konum": "Üst orta", "sayı": 3, "etiketler": [ "Koşu sayısı", "mesafe", "süre" ], "değerler": [ "3", "12,6 km", "1 saat 45 dakika" ], "sunum": "Üç eşit genişlikte sütun içeriği ve açık yeşil dairesel bir simge içeren tek bir yuvarlak köşeli istatistik kartı." }, { "başlık": "Sonraki hedef", "konum": "Ortadan aşağıya", "sayı": 1, "etiketler": [ "Bu ay 20 kilometre" ], "değerler": [ "%63" ], "sunum": "Yeşil ilerleme çubuğu ve sağda el sallayan küçük bir tembel hayvan resmi bulunan yuvarlak köşeli ilerleme kartı." }, { "başlık": "Son Aktiviteler", "konum": "alt", "sayı": 1, "etiketler": [ "Son Aktiviteler" ], "sunum": "Diğer yuvarlak kartın üst kenarı görünür, ancak alttaki gezinme çubuğu tarafından gizlenmiştir." } ], "bottom_nav": { "count": 4, "labels": [ "ana sayfa", "koşu", "program", "Kişisel bilgiler" ], "active": "ana sayfa" } }, { "position": "middle", "screen_type": "Koşu Özeti", "header": { "left_icon": "Dönüş oku", "center_text": "Aferin!", "subtext": "Başardın! Kutlama zamanı! 🎉", "right_icon": "paylaş" }, "hero_illustration": "Baş bandı, nane yeşili eşofman ve altın madalya takan sevimli bir tembel hayvan, kutlama için kollarını kaldırıyor.", "stats_row": { "count": 3, "labels": [ "distance", "time", "pace" ], "values": [ "5.00 km", "32:15", "6:27" ], "sunum": "Üç yuvarlak köşeli istatistiksel kapsül" }, "başarı_kartı": { "sayı": 1, "başlık": "Yeni bir kişisel rekor! 🌟", "alt başlık": "5 kilometreyi geçen sefer koştuğunuzdan 1 dakika 12 saniye daha hızlıydınız.", "simge": "Küçük altın madalya rozeti" }, "tablo_bölümü": { "başlık": "Segmentasyon", "sayı": 2, "sütunlar": [ "kilometre", "tempo", "zaman" ], "satırlar": [ [ "1", "6:35", "6:35" ], [ "2", "6:23", "12:58" ] ], "sunum": "Açık renkli bölme çizgileri olan yuvarlak beyaz form kartları" } }, { "konum": "sağ" "side", "screen_type": "Koşu hedefleri belirleme", "header": { "left_icon": "X'i Kapat", "center_text": "Koşmaya başlayalım!", "subtext": "Yapabilirsin. Yavaş yavaş başlayacağız. 🦥", "right_icon": "Vitesleri ayarla" }, "goal_visual": { "type": "Dairesel ilerleme seçici", "top_label": "Hedef seçin", "main_value": "5.00", "unit": "kilometre", "ring": "Açık bej bir halka üzerinde koyu adaçayı yeşili yay", "illustration": "Dairenin sağ üst köşesinde gerinen küçük bir tembel hayvan" }, "goal_options": { "count": 4, "labels": [ "2 kilometre", "5 kilometre", "10 kilometre", "Yarı Maraton" ], "aktif": "5 kilometre" }, "birincil_eylem": { "etiket": "Koşmaya başla", "stil": "Büyük yuvarlak adaçayı yeşili düğme" }, "ikincil_eylem": { "etiket": "Sadece parkur", "simge": "Konum işaretçisi" }, "alt_nav": { "sayı": 4, "etiketler": [ "ana sayfa", "koşma", "program", "Kişisel bilgiler" ], "aktif": "koşma" } } ] } }