Pastellfarget løpeapp-grensesnitt med dovendyrmaskot

{ "type": "Mobil treningsapp UI-modell", "style": "Et rent og moderne pastelldesign for appen, med myke beige og varme hvite overflater fremhevet med delikat salviegrønn, avrundede kort og knapper, subtile skygger, slanke minimalistiske ikoner, en vennlig og leken merkeidentitet med en dovendyrmaskot og en mørkebrun prikkete bakgrunn i Dribbble-stil.", "theme": "Løpesporingsapp", "layout": { "device_count": 3, "arrangement": "Tre avlange smarttelefonskjermer side om side, jevnt fordelt, frontalt sett.", "background": "Svært mørkebrun med et svakt, ensartet prikkmønster.", "screens": [ { "position": "Venstre side", "screen_type": "Hjemmedashbord", "header": { "greeting": "God morgen, løpere! 👋", "left_icon": "none", "right_icon": "Varslingsklokke" }, "hero_card": { "headline": "Klar for en fantastisk dag?", "subcard_text_line_1": "Hvert skritt fremover er en seier." "subcard_text_line_2": "La oss gjøre hvert øyeblikk meningsfullt. 🌱", "illustration": "Et bedårende dovendyr, iført et kremfarget pannebånd og en mintgrønn treningsdrakt, står på høyre side av kortet og vinker." }, "sections": [ { "title": "Denne uken", "position": "Øvre-midtre", "count": 3, "labels": [ "Antall løpeturer", "distanse", "tid" ], "values": [ "3", "12,6 km", "1 time og 45 minutter" ], "presentation": "Et enkelt statistikkkort med avrundede hjørner som inneholder tre kolonner med innhold av lik bredde og et lysegrønt, sirkulært ikon." }, { "title": "Neste mål", "position": "Midtre til nedre", "count": 1, "labels": [ "20 kilometer denne måneden" ], "values": [ "63 %" ], "presentation": "Fremdriftskort med avrundede hjørner, en grønn fremdriftslinje og en liten illustrasjon av et dovendyr som vinker til høyre." }, { "title": "Siste aktiviteter", "position": "bottom", "count": 1, "labels": [ "Siste aktiviteter" ], "presentation": "Øverkanten av det andre avrundede kortet er synlig, men den er skjult av den nederste navigasjonslinjen." } ], "bottom_nav": { "count": 4, "labels": [ "forside", "løping", "plan", "Personlig informasjon" ], "active": "forside" } }, { "position": "middle", "screen_type": "Løpesammendrag", "header": { "left_icon": "Returpil", "center_text": "Bra jobbet!", "subtext": "Du klarte det! Tid for å feire! 🎉", "right_icon": "del" }, "hero_illustration": "Et søtt dovendyr, iført pannebånd, en mintgrønn treningsdrakt og en gullmedalje, løfter armene i feiring.", "stats_row": { "count": 3, "labels": [ "distance", "time", "pace" ], "values": [ "5.00 km", "32:15", "6:27" ], "presentation": "Tre statistikkkapsler med avrundede hjørner" }, "achievement_card": { "count": 1, "title": "Ny personlig rekord! 🌟", "subtitle": "Du var 1 minutt og 12 sekunder raskere enn sist du løp 5 kilometer.", "icon": "Liten gullmedalje" }, "table_section": { "title": "Segmentering", "count": 2, "columns": [ "kilometer", "pace", "time" ], "rows": [ [ "1", "6:35", "6:35" ], [ "2", "6:23", "12:58" ] ], "presentation": "Avrundede hvite skjemakort med lyse delelinjer" } }, { "position": "right side", "screen_type": "Sette løpemål", "header": { "left_icon": "Lukk X", "center_text": "La oss begynne å løpe!", "subtext": "Du kan klare det. Vi tar det rolig. 🦥", "right_icon": "Sett gir" }, "goal_visual": { "type": "Sirkelfremdriftsvelger", "top_label": "Velg mål", "main_value": "5.00", "unit": "kilometer", "ring": "Fet salviegrønn bue på en lys beige ring", "illustration": "En liten dovendyr som strekker seg ut i øvre høyre hjørne av sirkelen" }, "goal_options": { "count": 4, "labels": [ "2 kilometer", "5 kilometer", "10 kilometer", "Halvmaraton" ], "active": "5 kilometer" }, "primary_cta": { "label": "Start løping", "style": "Stor avrundet salviegrønn knapp" }, "secondary_action": { "label": "Kun bane", "icon": "Plasseringsmarkør" }, "bottom_nav": { "count": 4, "labels": [ "forside", "løping", "plan", "Personlig informasjon" ], "active": "løping" } } ] } }