Interfaccia utente dell'app di corsa dai colori pastello con mascotte bradipo

{
  "type": "mockup di interfaccia utente di un'app mobile per il fitness",
  "style": "design di app pulito e moderno in tonalità pastello, superfici beige chiaro e bianco caldo, accenti verde salvia tenue, schede e pulsanti arrotondati, ombre sottili, icone di linea minimaliste e sottili, branding amichevole e giocoso con un bradipo come mascotte, presentazione in stile Dribbble su uno sfondo punteggiato marrone scuro",
  "theme": "app per il monitoraggio della corsa",
  "layout": {
    "device_count": 3,
    "arrangement": "tre schermi di smartphone alti affiancati, equamente distanziati, vista frontale",
    "background": "marrone molto scuro con una griglia di punti finemente distanziati",
    "screens": [
      {
        "position": "sinistra",
        "screen_type": "dashboard principale",
        "header": {
          "greeting": "Buongiorno, Runner! 👋",
          "left_icon": "nessuna",
          "right_icon": "campanella di notifica"
        },
        "hero_card": {
          "headline": "Pronto per una fantastica giornata?",
          "subcard_text_line_1": "Ogni passo avanti è una vittoria.",
          "subcard_text_line_2": "Facciamolo valere. 🌱",
          "illustration": "un bradipo carino che indossa una fascia per la testa color crema e un abbigliamento da allenamento verde menta, in piedi e che saluta all'interno della scheda sulla destra"
        },
        "sections": [
          {
            "title": "Questa settimana",
            "position": "parte superiore centrale",
            "count": 3,
            "labels": [
              "Corse",
              "Distanza",
              "Tempo"
            ],
            "values": [
              "3",
              "12,6 km",
              "1h 45m"
            ],
            "presentation": "singola scheda di statistiche arrotondata con tre colonne uguali e icone circolari verde pallido"
          },
          {
            "title": "PROSSIMO OBIETTIVO",
            "position": "parte inferiore centrale",
            "count": 1,
            "labels": [
              "20 km questo mese"
            ],
            "values": [
              "63%"
            ],
            "presentation": "scheda di avanzamento arrotondata con barra di avanzamento verde e piccola illustrazione di un bradipo che saluta sulla destra"
          },
          {
            "title": "Attività recente",
            "position": "parte inferiore",
            "count": 1,
            "labels": [
              "Attività recente"
            ],
            "presentation": "bordo superiore di un'altra scheda arrotondata visibile, tagliato dalla navigazione inferiore"
          }
        ],
        "bottom_nav": {
          "count": 4,
          "labels": [
            "Home",
            "Corsa",
            "Progressi",
            "Profilo"
          ],
          "active": "Home"
        }
      },
      {
        "position": "centro",
        "screen_type": "riepilogo corsa",
        "header": {
          "left_icon": "chevron indietro",
          "center_text": "Ottimo lavoro!",
          "subtext": "Ce l'hai fatta. È ora di festeggiare. 🎉",
          "right_icon": "condividi"
        },
        "hero_illustration": "un bradipo carino che indossa una fascia per la testa, un abbigliamento atletico color menta e una medaglia d'oro, con entrambe le braccia alzate in segno di celebrazione",
        "stats_row": {
          "count": 3,
          "labels": [
            "Distanza",
            "Tempo",
            "RITMO"
          ],
          "values": [
            "5,00 km",
            "32:15",
            "6:27"
          ],
          "presentation": "tre pillole statistiche arrotondate"
        },
        "achievement_card": {
          "count": 1,
          "title": "Nuovo record personale! 🌟",
          "subtitle": "Hai migliorato di 1:12 il tuo precedente 5K.",
          "icon": "piccolo badge con medaglia d'oro"
        },
        "table_section": {
          "title": "Split",
          "count": 2,
          "columns": [
            "KM",
            "RITMO",
            "Tempo"
          ],
          "rows": [
            [
              "1",
              "6:35",
              "6:35"
            ],
            [
              "2",
              "6:23",
              "12:58"
            ]
          ],
          "presentation": "scheda tabella bianca arrotondata con divisori chiari"
        }
      },
      {
        "position": "destra",
        "screen_type": "impostazione obiettivo corsa",
        "header": {
          "left_icon": "chiudi x",
          "center_text": "È ora di correre!",
          "subtext": "Ce la puoi fare. Prenderemo le cose con calma. 🦥",
          "right_icon": "ingranaggio impostazioni"
        },
        "goal_visual": {
          "type": "selettore di avanzamento circolare",
          "top_label": "SCEGLI UN OBIETTIVO",
          "main_value": "5,00",
          "unit": "KM",
          "ring": "spesso arco verde salvia parziale su un cerchio beige pallido",
          "illustration": "un piccolo bradipo che si allunga sul bordo superiore destro del cerchio"
        },
        "goal_options": {
          "count": 4,
          "labels": [
            "2 km",
            "5 km",
            "10 km",
            "Mezza"
          ],
          "active": "5 km"
        },
        "primary_cta": {
          "label": "Inizia corsa",
          "style": "grande pulsante arrotondato verde salvia"
        },
        "secondary_action": {
          "label": "Traccia solo",
          "icon": "pin posizione"
        },
        "bottom_nav": {
          "count": 4,
          "labels": [
            "Home",
            "Corsa",
            "Progressi",
            "Profilo"
          ],
          "active": "Corsa"
        }
      }
    ]
  }
}