Crie um sistema visual e funcional chamado “DeepSite v2” voltado para desenvolvimento pessoal, rotina e metas. A interface deve seguir um design minimalista moderno, funcional, emocionalmente envolvente e inspirado na estética Apple. 🧭 ESTRUTURA DE MENUS (menu lateral fixo, ícones clean): Home / Dashboard Geral Rotina Objetivos & Metas Persona ("Perfil") Contato Feedback 🏠 1. HOME | DASHBOARD GERAL Layout: 📊 Gráfico de Rotina (horizontal, canto superior direito) 📋 Grade de Metas (centralizada, maior destaque) 🎯 Gráfico de Objetivos (barras verticais no canto inferior direito) Todos esses elementos devem estar dentro de balões translúcidos com bordas arredondadas, no estilo glassmorphism + liquid glass (efeito de vidro). Cada balão deve ter profundidade sutil e sombra leve. 📆 2. ROTINA Seções: 🗓️ Rotina semanal (cards com balões translúcidos, com status por dia) 🌙 Gráfico do sono com visual fluido e intuitivo 🔒 5 dias inegociáveis (caixas editáveis com hábito e progresso, estilo tracker com cores suaves) 🎯 3. OBJETIVOS & METAS Objetivos: ✅ Gerenciador de hábitos com progresso visual (barras suaves em verde) 🔔 Lembretes com datas, horários e botões sutis Metas: Cada meta deve estar dentro de um balão translúcido com: 📷 Imagem destacada 🏷️ Título 📄 Descrição curta 💰 Valor total da meta 🗓️ Prazo (visual clean) 📈 Valor acumulado + barra de progresso verde com detalhes em degradê translúcido 👤 4. PERSONA ("PERFIL") Seções: 🖼️ Foto do usuário (dentro de balão redondo com efeito vidro) 🧑 Nome de usuário 🧠 Bio curta 🎭 Emojis/sentimento atual (ex: “focado”, “cansado”, “vitorioso”) — opcional 🏅 Níveis e conquistas com balões de status (gamificação sutil) 🌱 5. FEEDBACK / DESENVOLVIMENTO 📝 Campo de feedback com botão enviar ⭐ Sistema de pontuação (0 a 5) 🎉 Sensação de vitória: Após progresso ou meta atingida, exibir pop-up com balão translúcido animado, mensagem motivacional e destaque em verde vivo com gradiente suave 🎨 IDENTIDADE VISUAL — ESTILO APPLE (VERSÃO REFORÇADA) Estética: Minimalista, soft e tecnológica Componentes: Glassmorphism + liquid glass Balões translúcidos com bordas arredondadas Sombra leve para profundidade Cores principais: Branco gelo (#f9f9f9) Cinza claro (#e0e0e0) Verde destaque (#32d27f ou similar em degradê) Textos em cinza escuro (#333, sem preto puro) Fonte sugerida: SF Pro Display (ou similar) Layout fluido, responsivo, com animações suaves (ex: hover, entrada de dados, transições) ✅ INSTRUÇÕES PARA EXECUÇÃO Mobile-first design Código modular Use Tailwind CSS + Framer Motion (ou outras libs modernas) Crie experiência visual com profundidade e leveza — não encha com cor ou elementos pesados Elementos sempre organizados por hierarquia e clareza de navegação - Initial Deployment
verified 
