Interfaz de usuario de la aplicación de running en tonos pastel con mascota de perezoso

{ "type": "Modelo de interfaz de usuario de aplicación móvil de fitness", "style": "Un diseño de aplicación limpio y moderno en tonos pastel, con superficies suaves en beige y blanco cálido acentuadas con delicado verde salvia, tarjetas y botones redondeados, sombras sutiles, iconos minimalistas delgados, una identidad de marca amigable y divertida con una mascota de perezoso y un fondo punteado marrón oscuro al estilo Dribbble.", "theme": "Aplicación de seguimiento de carrera", "layout": { "device_count": 3, "arrangement": "Tres pantallas de smartphone alargadas una al lado de la otra, espaciadas uniformemente, vista frontal.", "background": "Marrón muy oscuro con un patrón de cuadrícula de puntos tenue y uniforme.", "screens": [ { "position": "Lado izquierdo", "screen_type": "Panel de inicio", "header": { "greeting": "¡Buenos días, corredores! 👋", "left_icon": "ninguno", "right_icon": "Campana de notificación" }, "hero_card": { "headline": "¿Listo para un día maravilloso?", "subcard_text_line_1": "Cada paso adelante es una victoria.", "subcard_text_line_2": "Hagamos que cada momento sea significativo. 🌱", "illustration": "Un adorable perezoso, con una diadema color crema y un chándal verde menta, está de pie en el lado derecho de la tarjeta y saluda." }, "sections": [ { "title": "Esta semana", "position": "Superior central", "count": 3, "labels": [ "Número de carreras", "distancia", "tiempo" ], "values": [ "3", "12,6 km", "1 hora 45 minutos" ], "presentation": "Una única tarjeta de estadísticas con esquinas redondeadas que contiene tres columnas de contenido de igual ancho y un icono circular verde claro." }, { "title": "Siguiente objetivo", "position": "De la mitad a abajo", "count": 1, "labels": [ "20 kilómetros este mes" ], "values": [ "63%" ], "presentation": "Tarjeta de progreso con esquinas redondeadas, una barra de progreso verde y una pequeña ilustración de un perezoso saludando a la derecha." }, { "title": "Actividades recientes", "position": "abajo", "count": 1, "labels": [ "Actividades recientes" ], "presentation": "El borde superior de la otra tarjeta redondeada es visible, pero está oculto por la barra de navegación inferior." } ], "bottom_nav": { "count": 4, "labels": [ "página principal", "running", "schedule", "Información personal" ], "active": "página principal" } }, { "position": "middle", "screen_type": "Resumen de carrera", "header": { "left_icon": "Flecha de retorno", "center_text": "¡Bien hecho!", "subtext": "¡Lo lograste! ¡Es hora de celebrar! 🎉", "right_icon": "compartir" }, "hero_illustration": "Un adorable perezoso, con una diadema, un chándal verde menta y una medalla de oro, levanta los brazos en señal de celebración.", "stats_row": { "count": 3, "labels": [ "distancia", "tiempo", "ritmo" ], "values": [ "5.00 km", "32:15", "6:27" ], "presentation": "Tres estadísticas con esquinas redondeadas cápsulas" }, "tarjeta_de_logro": { "contador": 1, "título": "¡Un nuevo récord personal! 🌟", "subtítulo": "Fuiste 1 minuto y 12 segundos más rápido que la última vez que recorriste 5 kilómetros.", "icono": "Pequeña medalla de oro" }, "sección_de_tabla": { "título": "Segmentación", "contador": 2, "columnas": [ "kilómetro", "ritmo", "tiempo" ], "filas": [ [ "1", "6:35", "6:35" ], [ "2", "6:23", "12:58" ] ], "presentación": "Tarjetas de formulario blancas redondeadas con líneas divisorias de color claro" } }, { "posición": "lado derecho", "tipo_de_pantalla": "Establecer objetivos de carrera", "encabezado": { "icono_izquierdo": "Cerrar X", "texto_central": "¡Empecemos a correr!", "subtexto": "Puedes hacerlo. Lo haremos despacio. 🦥", "right_icon": "Ajustar marchas" }, "goal_visual": { "type": "Selector de progreso circular", "top_label": "Seleccionar objetivo", "main_value": "5.00", "unit": "kilómetro", "ring": "Arco verde salvia intenso sobre un anillo beige claro", "illustration": "Un pequeño perezoso estirándose en la esquina superior derecha del círculo" }, "goal_options": { "count": 4, "labels": [ "2 kilómetros", "5 kilómetros", "10 kilómetros", "Media maratón" ], "active": "5 kilómetros" }, "primary_cta": { "label": "Comenzar a correr", "style": "Botón grande redondeado verde salvia" }, "secondary_action": { "label": "Solo seguimiento", "icon": "Marcador de ubicación" }, "bottom_nav": { "count": 4, "labels": [ "página principal", "en ejecución", "horario", "Información personal" ], "activo": "en ejecución" } } ] } }