Pastelfarvet løbeapp-brugergrænseflade med dovendyrsmaskot

{ "type": "Mobil fitnessapp UI-model", "style": "Et rent og moderne pastel-appdesign med bløde beige og varme hvide overflader fremhævet med delikat salviegrøn, afrundede kort og knapper, diskrete skygger, slanke minimalistiske ikoner, en venlig og legende brandidentitet med en dovendyrsmaskot og en mørkebrun prikket baggrund i Dribbble-stil.", "theme": "Løbetracking-app", "layout": { "device_count": 3, "arrangement": "Tre aflange smartphoneskærme side om side, jævnt fordelt, set forfra.", "background": "Meget mørkebrun med et svagt, ensartet prikmønster.", "screens": [ { "position": "Venstre side", "screen_type": "Hjemmedashboard", "header": { "greeting": "Godmorgen, løbere! 👋", "left_icon": "none", "right_icon": "Notifikationsklokke" }, "hero_card": { "headline": "Klar til en dejlig dag?", "subcard_text_line_1": "Hvert skridt fremad er en sejr.", "subcard_text_line_2": "Lad os gøre hvert øjeblik meningsfuldt. 🌱", "illustration": "Et nuttet dovendyr iført et cremefarvet pandebånd og en mintgrøn træningsdragt står på højre side af kortet og vinker." }, "sections": [ { "title": "Denne uge", "position": "Øvre-middle", "count": 3, "labels": [ "Antal løbeture", "distance", "time" ], "values": [ "3", "12,6 km", "1 time og 45 minutter" ], "presentation": "Et enkelt statistikkort med afrundede hjørner, der indeholder tre kolonner med indhold af samme bredde og et lysegrønt cirkulært ikon." }, { "title": "Næste mål", "position": "Mellem til nedre", "count": 1, "labels": [ "20 kilometer denne måned" ], "values": [ "63%" ], "presentation": "Progressionskort med afrundede hjørner, en grøn statuslinje og en lille illustration af et dovendyr, der vinker til højre." }, { "title": "Seneste aktiviteter", "position": "bottom", "count": 1, "labels": [ "Seneste aktiviteter" ], "presentation": "Den øverste kant af det andet afrundede kort er synlig, men den er skjult af den nederste navigationslinje." } ], "bottom_nav": { "count": 4, "labels": [ "forside", "løb", "skema", "Personlige oplysninger" ], "active": "forside" } }, { "position": "middle", "screen_type": "Løbeoversigt", "header": { "left_icon": "Returpil", "center_text": "Godt gået!", "subtext": "Du klarede det! Tid til at fejre! 🎉", "right_icon": "del" }, "hero_illustration": "Et nuttet dovendyr iført et pandebånd, en mintgrøn træningsdragt og en guldmedalje rækker armene op i fejring.", "stats_row": { "count": 3, "labels": [ "distance", "time", "pace" ], "values": [ "5.00 km", "32:15", "6:27" ], "presentation": "Tre statistikkapsler med afrundede hjørner" }, "achievement_card": { "count": 1, "title": "En ny personlig rekord! 🌟", "subtitle": "Du var 1 minut og 12 sekunder hurtigere end sidst du tilbagelagde 5 kilometer.", "icon": "Lille guldmedalje" }, "table_section": { "title": "Segmentering", "count": 2, "columns": [ "kilometer", "pace", "time" ], "rows": [ [ "1", "6:35", "6:35" ], [ "2", "6:23", "12:58" ] ], "presentation": "Afrundede hvide formularkort med lyse skillelinjer" } }, { "position": "right side", "screen_type": "Sæt løbemål", "header": { "left_icon": "Luk X", "center_text": "Lad os begynde at løbe!", "subtext": "Du kan gøre det. Vi tager det roligt. 🦥", "right_icon": "Sæt gear" }, "goal_visual": { "type": "Cirkulær fremskridtsvælger", "top_label": "Vælg mål", "main_value": "5.00", "unit": "kilometer", "ring": "Fed salviegrøn bue på en lys beige ring", "illustration": "En lille dovendyr strækker sig ud i øverste højre hjørne af cirklen" }, "goal_options": { "count": 4, "labels": [ "2 kilometer", "5 kilometer", "10 kilometer", "Halvmaraton" ], "active": "5 kilometer" }, "primary_cta": { "label": "Start løb", "style": "Stor afrundet salviegrøn knap" }, "secondary_action": { "label": "Kun bane", "icon": "Placeringsmarkør" }, "bottom_nav": { "count": 4, "labels": [ "forside", "løb", "skema", "Personlige oplysninger" ], "active": "løb" } } ] } }