Interface de aplicativo de corrida em tons pastel com mascote de preguiça.

{ "type": "Modelo de interface de usuário para aplicativo de fitness móvel", "style": "Um design de aplicativo limpo e moderno em tons pastel, apresentando superfícies em bege suave e branco quente acentuadas com um delicado verde sálvia, cartões e botões arredondados, sombras sutis, ícones minimalistas e finos, uma identidade de marca amigável e divertida com um mascote bicho-preguiça e um fundo pontilhado marrom escuro no estilo Dribbble.", "theme": "Aplicativo de rastreamento de corrida", "layout": { "device_count": 3, "arrangement": "Três telas de smartphone alongadas lado a lado, uniformemente espaçadas, vista frontal.", "background": "Marrom muito escuro com um padrão de grade de pontos leve e uniforme.", "screens": [ { "position": "Lado esquerdo", "screen_type": "Painel inicial", "header": { "greeting": "Bom dia, corredores! 👋", "left_icon": "nenhum", "right_icon": "Sino de notificação" }, "hero_card": { "headline": "Pronto para um dia maravilhoso?", "subcard_text_line_1": "Cada passo em frente é uma vitória.", "subcard_text_line_2": "Vamos tornar cada momento significativo. 🌱", "illustration": "Uma preguiça adorável, usando uma faixa de cabeça cor creme e um agasalho verde menta, está no lado direito do cartão e acena." }, "sections": [ { "title": "Esta semana", "position": "Centro superior", "count": 3, "labels": [ "Número de corridas", "distância", "tempo" ], "values": [ "3", "12,6 km", "1 hora e 45 minutos" ], "presentation": "Um cartão de estatísticas com cantos arredondados contendo três colunas de conteúdo de largura igual e um ícone circular verde claro." }, { "title": "Próxima meta", "position": "Meio para baixo", "count": 1, "labels": [ "20 quilômetros este mês" ], "values": [ "63%" ], "presentation": "Cartão de progresso com cantos arredondados, barra de progresso verde e uma pequena ilustração de uma preguiça acenando à direita." }, { "title": "Atividades recentes", "position": "inferior", "count": 1, "labels": [ "Atividades recentes" ], "presentation": "A borda superior do outro cartão arredondado está visível, mas está obscurecida pela barra de navegação inferior." } ], "bottom_nav": { "count": 4, "labels": [ "página inicial", "corrida", "cronograma", "Informações pessoais" ], "active": "página inicial" } }, { "position": "middle", "screen_type": "Resumo da corrida", "header": { "left_icon": "Seta de retorno", "center_text": "Parabéns!", "subtext": "Você conseguiu! Hora de comemorar! 🎉", "right_icon": "compartilhar" }, "hero_illustration": "Uma preguiça adorável, usando uma faixa na cabeça, um agasalho verde-menta e uma medalha de ouro, levanta os braços em comemoração.", "stats_row": { "count": 3, "labels": [ "distância", "tempo", "ritmo" ], "values": [ "5,00 km", "32:15", "6:27" ], "presentation": "Três cápsulas estatísticas com cantos arredondados" }, "achievement_card": { "count": 1, "title": "Um novo recorde pessoal! 🌟", "subtitle": "Você foi 1 minuto e 12 segundos mais rápido do que da última vez que percorreu 5 quilômetros.", "icon": "Pequeno distintivo de medalha de ouro" }, "table_section": { "title": "Segmentação", "count": 2, "columns": [ "quilômetro", "ritmo", "tempo" ], "rows": [ [ "1", "6:35", "6:35" ], [ "2", "6:23", "12:58" ] ], "presentation": "Cartões de formulário brancos arredondados com linhas divisórias claras" } }, { "position": "lado direito", "screen_type": "Definindo metas de corrida", "header": { "left_icon": "Fechar" X", "center_text": "Vamos começar a correr!", "subtext": "Você consegue. Vamos com calma. 🦥", "right_icon": "Acelerar" }, "goal_visual": { "type": "Seletor de progresso circular", "top_label": "Selecionar meta", "main_value": "5.00", "unit": "quilômetro", "ring": "Arco verde-sálvia em negrito sobre um anel bege claro", "illustration": "Uma pequena preguiça se espreguiçando no canto superior direito do círculo" }, "goal_options": { "count": 4, "labels": [ "2 quilômetros", "5 quilômetros", "10 quilômetros", "Meia Maratona" ], "active": "5 quilômetros" }, "primary_cta": { "label": "Começar a correr", "style": "Botão grande arredondado verde-sálvia" }, "secondary_action": { "label": "Apenas rastrear", "icon": "Marcador de localização" }, "bottom_nav": { "count": 4, "labels": [ "página inicial", "em execução", "agenda", "Informações pessoais" ], "active": "em execução" } } ] } }