Fuel Plan · Design

Mockups

Direção: bold/cinematográfico · Space Grotesk + Plex Mono · tema duplo (escuro / claro)

Páginas fechadas (a referência)

🍽️Diária · Hoje/today · herói cinematográfico + fita do dia + detalhe ao tocarabrir → 🗓️Semanal · Semana/my-plan/week · lista de dias (treino + refeições), desliza entre semanasabrir → 🥘Refeição · Receita/meals/[slotId] · herói do prato + macros, porquê, ingredientes, preparaçãoabrir → 👤Perfil/profile · definições (corpo, planeador, comida) + objetivos · calmo, interativoabrir →

Novas — para rever

Hoje — animações «comido»demo interativa · check-pop, detalhe + feedback, celebração «dia completo»abrir → Compras — animaçõesdemo interativa · risco que se desenha, contadores, barra com brilho finalabrir → Semana — animaçõesdemo interativa · detalhe rápido com gauge, cartões com resposta ao toqueabrir → Onboarding — animaçõesdemo interativa · transições entre passos, seleções com pop, «tudo pronto»abrir → 📊Semana — Instrumentos (candidato)painel semanal completo, informado pelo inventário de dados real — 3 camadasabrir → 🧪Semana — lab (5 variações)repensar a semanal: ritmo, matriz, fases, instrumentos, fita — sem repetir o /todayabrir → 🛒Lista de compras/shopping · lista por corredor, marcar compradoabrir → 🍳Preparação em loteprep de domingo · tarefas por sessão + o que cada lote cobreabrir → 📅Calendário/my-plan/calendar · agenda semana + grelha mês, treino/eventosabrir → 📖Receitas/recipes · galeria com procura + filtrosabrir → 🚀Onboarding/my-plan/onboarding · fluxo em 6 passos que preenche o perfilabrir → 🧭App shell + navegaçãobarra inferior + menu de conta (idioma/tema vivem aqui)abrir → 🗄️Notificações · histórico · estados/notifications · histórico de planos · vazio/carregar/erroabrir → Feedback da refeição"como foi?" — comeste/porção/rating/etiquetas/nota (mealFeedback)abrir → 🔁Trocar refeiçãoescolher uma alternativa para um slot · respeita as regrasabrir → 🔐Entrar / Criar conta/login · entrar · link mágico · OAuth (herói cinematográfico)abrir →

Treinador — para rever

🧭App shell + navegaçãotreinador · barra inferior + troca de equipa/escalão + menu de contaabrir → 🏠Início · painel/team · KPIs (jogadores/pedidos/feedback) + atividade + ações rápidasabrir → 👥Jogadores · plantel/team/players · lista + filtro por escalão + adicionar + prontidãoabrir → 🗓️Semana · planeamento em bloco/team/week · grelha selecionável, gerar/publicar em massa · surface centralabrir → 📋Plano do jogador/team/players/[id]/week · histórico + gerar + publicar + pré-visualizaçãoabrir → Revisão/team/review · pedidos de alteração + feedback + onboardingabrir → 📅Calendário da equipa/team/calendar · agenda + grelha + criar eventos (para quem/repetição)abrir → 👤Perfil do jogador/team/players/[id]/profile · alvos, restrições, permissões, convite, atividadeabrir → 🎚️Afinação · por jogador/team/players/[id]/tuning · sensibilidades + horários · rota real (reskin)abrir → ⚙️Definições da equipa/team/settings · organização, escalões, staff + convitesabrir → 🚀Setup inicial/team/setup · assistente org/escalão de primeiro arranqueabrir → 📤Publicação/team/publication · publicar a semana com "visível a partir de"abrir → 🗄️Arquivo/team/archive · jogadores arquivados + planos antigos (só leitura)abrir →

Admin — operações (para rever)

🗂️Pessoas & planos/admin/people-plans · auditoria treinadores/jogadores/planos + convidar treinadorabrir → 🧑‍🏫Perfil de treinador/admin/coaches/[id] · auditoria (equipas, jogadores, planos, atividade) · só leituraabrir → 📄Plano (admin)/admin/plans/[id] · metadados + validação/qualidade + pré-visualizaçãoabrir → 🔧Corrida de geração/admin/generation-runs/[id] · debug + timeline de etapas + tokens/errosabrir → 📊Uso do planeador/admin/planner-usage · tokens, custo, latência, variedade · rota real (reskin)abrir → 🚦Release ops/admin/release-ops · saúde das corridas (sucesso/falha/p95) · rota real (reskin)abrir → 📈Telemetria da app/admin/app-telemetry · eventos, erros, latência, top caminhosabrir → 🧪Planner eval/admin/planner-eval · relatórios + gates + correr eval · rota real (reskin)abrir → 🎛️Afinação do workflow/admin/workflow-tuning · config global de geração (modo, macros, pesos) · rota realabrir →

Arquivo (exploração anterior)

Hoje — lab (5 variações)today-bold-lab.html · Fita venceu → today-fita.html Hoje — instrumentoexploração «cockpit» descartada Hoje / Semana / Perfil — FICHAtoday-ficha · week-ficha · profile-ficha · profile-v4 (direção antiga)

Cada mockup: «tema» troca claro/escuro, «campos» revela o campo real do loader por trás de cada elemento. Dados reais de receitas/fotos do sistema. Base 390 px (telemóvel). Registo completo em docs/designs/LOCKED-DESIGNS.md.