Interfejs użytkownika aplikacji Pastel Running z maskotką leniwca

{ "type": "Model interfejsu użytkownika mobilnej aplikacji fitness", "style": "Czysty i nowoczesny pastelowy projekt aplikacji, charakteryzujący się miękkimi beżowymi i ciepłymi białymi powierzchniami zaakcentowanymi delikatną szałwiową zielenią, zaokrąglonymi kartami i przyciskami, subtelnymi cieniami, smukłymi, minimalistycznymi ikonami, przyjazną i zabawną identyfikacją marki z maskotką leniwca oraz ciemnobrązowym kropkowanym tłem w stylu Dribbble.", "theme": "Aplikacja do śledzenia biegania", "layout": { "device_count": 3, "arrangement": "Trzy wydłużone ekrany smartfonów obok siebie, równomiernie rozmieszczone, widok z przodu.", "background": "Bardzo ciemny brąz z delikatnym, jednolitym wzorem siatki kropek.", "screens": [ { "position": "Lewa strona", "screen_type": "Panel główny", "header": { "greeting": "Dzień dobry, biegacze! 👋", "left_icon": "none", "right_icon": "Powiadomienie dzwonek" }, "hero_card": { "headline": "Gotowy na wspaniały dzień?", "subcard_text_line_1": "Każdy krok naprzód to zwycięstwo.", "subcard_text_line_2": "Niech każda chwila będzie znacząca. 🌱", "illustration": "Uroczy leniwiec w kremowej opasce i miętowozielonym dresie stoi po prawej stronie kartki i macha." }, "sections": [ { "title": "W tym tygodniu", "position": "Górna część środkowa", "count": 3, "labels": [ "Liczba przebiegnięć", "odległość", "czas" ], "values": [ "3", "12,6 km", "1 godzina 45 minut" ], "presentation": "Pojedyncza karta statystyk z zaokrąglonymi rogami zawierająca trzy kolumny o równej szerokości i jasnozieloną okrągłą ikonę." }, { "title": "Następny cel", "position": "Od średniego do niższego", "count": 1, "labels": [ "20 kilometrów w tym miesiącu" ], "values": [ "63%" ], "presentation": "Zaokrąglona karta postępu z zielonym paskiem postępu i małą ilustracją leniwca machającego po prawej stronie." }, { "title": "Ostatnie aktywności", "position": "bottom", "count": 1, "labels": [ "Ostatnie aktywności" ], "presentation": "Górna krawędź drugiej zaokrąglonej karty jest widoczna, ale jest zasłonięta przez dolny pasek nawigacyjny." } ], "bottom_nav": { "count": 4, "labels": [ "strona główna", "bieganie", "harmonogram", "Informacje osobiste" ], "active": "strona główna" } }, { "position": "middle", "screen_type": "Podsumowanie biegania", "header": { "left_icon": "Strzałka powrotu", "center_text": "Dobrze zrobione!", "subtext": "Udało Ci się! Czas świętować! 🎉", "right_icon": "share" }, "hero_illustration": "Uroczy leniwiec w opasce na głowę, miętowozielonym dresie i ze złotym medalem unosi ręce w geście świętowania.", "stats_row": { "count": 3, "labels": [ "odległość", "czas", "tempo" ], "values": [ "5,00 km", „32:15”, „6:27” ], „prezentacja”: „Trzy statystyczne kapsułki z zaokrąglonymi rogami” }, „karta_achievement”: { „liczba”: 1, „tytuł”: „Nowy rekord osobisty! 🌟”, „subtytuł”: „Byłeś o 1 minutę i 12 sekund szybszy niż ostatnio, kiedy pokonałeś 5 kilometrów.”, „ikona”: „Mała złota odznaka medalowa” }, „sekcja_tabeli”: { „tytuł”: „Segmentacja”, „liczba”: 2, „kolumny”: [ „kilometr”, „tempo”, „czas” ], „wiersze”: [ [ „1”, „6:35”, „6:35” ], [ „2”, „6:23”, „12:58” ] ], „prezentacja”: „Zaokrąglone białe fiszki z jasnymi liniami podziału” } }, { „pozycja”: „prawa strona”, "screen_type": "Ustawianie celów biegowych", "header": { "left_icon": "Zamknij X", "center_text": "Zacznijmy biegać!", "subtext": "Dasz radę. Będziemy biec powoli. 🦥", "right_icon": "Ustaw biegi" }, "goal_visual": { "type": "Okrężny selektor postępu", "top_label": "Wybierz cel", "main_value": "5,00", "unit": "kilometr", "ring": "Wyrazisty, szałwiowozielony łuk na jasnobeżowym okręgu", "illustration": "Mały leniwiec rozciągający się w prawym górnym rogu okręgu" }, "goal_options": { "count": 4, "labels": [ "2 kilometry", "5 kilometrów", "10 kilometrów", "Półmaraton" ], "active": "5 kilometrów" }, "primary_cta": { "label": "Rozpocznij bieganie", "style": "Duży, zaokrąglony, szałwiowo-zielony przycisk" }, "secondary_action": { "label": "Tylko śledzenie", "icon": "Znacznik lokalizacji" }, "bottom_nav": { "count": 4, "labels": [ "strona główna", "running", "schedule", "Informacje osobiste" ], "active": "running" } } ] } }