Aqui está o prompt completo e estruturado para gerar o Taskesphere no Deepsite (Deepseek UI Generator) com foco em: 🌿 Estética escandinava 📱 iOS style (glassmorphism) 🧠 UX emocional, fluido e minimalista 🤖 IA proativa integrada por padrão 🧭 Sistema wiki com áreas/esferas e dashboards personalizados ⚙️ Pronto para expansão futura --- 📌 Prompt Final para Deepsite / Deepseek > ⚠️ Copie e cole exatamente como está no ambiente de geração para melhores resultados. Create a beautiful and elegant personal productivity web app called **Taskesphere**, with a calm Scandinavian-inspired UI using glassmorphism (like iOS 18) and smooth, organic transitions. The layout must be mobile-first and designed for deep thinking, note-taking, habit tracking, and structured knowledge organization. ### General Structure: - Sidebar navigation (collapsible on mobile) - Main dashboard with cards for: - Today’s Tasks - Current Readings - Habits - Quick Notes - Recent Projects - Chat icon for switching between: - Proactive AI mode - Manual chat with AI agent ### Visual Style: - Typography: `SF Pro Text` or fallback to `Inter`, `Outfit` - Border radius: `rounded-xl` or higher - Shadow: `shadow-sm` to `shadow-lg` with subtle inset - Backgrounds: Glassmorphic (using Tailwind’s `backdrop-blur-md`, semi-transparent backgrounds) - Icons: Use clean, linear duotone or outline-style icons ### Color Palette (Custom Tailwind): ```js colors: { primary: '#0E0E10', // Zen Black secondary: '#1F1F22', // Mist Gray surface: '#121212', // Deep Surface accent: '#D2996C', // Scandinavian Bronze soft: '#CEC8C3', // Sand Beige text: '#EAEAEA', blue: '#3B82F6', // Calm Blue green: '#10B981', // Tranquil Green red: '#EF4444', // Soft Red glass: 'rgba(255,255,255,0.05)' } UI Components: Card: rounded-xl, bg-glass, border border-[rgba(255,255,255,0.06)], shadow-inner, p-4 Sidebar: vertical, scrollable, with icons and collapsible sections like: Notes Readings Habits Projects Personal Wiki Navbar: fixed top bar with greeting ("Good Morning, John"), avatar, settings Quick Input Note: textarea style like Apple Notes redesign Floating Button: bottom right for voice note / chat Pages & Elements: 1. Dashboard (Home) Overview of all widgets AI-generated daily summary: “Since you were away...” Progress cards 2. Notes Page Markdown note editor with AI enhancements On save, AI categorizes automatically into “Areas” (personalized based on onboarding) Audio note option with instant transcription 3. Wiki View (VitePress-style) Multi-pane explorer for interest areas (like: Philosophy, Neuroscience) Auto-linked notes Tags and categories suggested by AI 4. Chat Mode Bottom dock toggle to activate “Proactive AI” or “Manual Chat” Prompt bar: “What would you like to reflect on today?” 5. Settings / Onboarding Choose skill level: Beginner (5 areas), Intermediate (7–10), Advanced (custom esferas) Customize: Icon style: numbered vs symbolic Layout density AI verbosity level Bonus Features (implement as visual placeholders or stubs): “Esferas de Interesse” wiki with personal tags Dewey or PARA-like structure auto-generated via AI Suggested insights like: “You’ve been reading about habit formation, shall I generate a plan for you?” Animations: Organic fade-in/out on cards Subtle slide transitions between panes No harsh hover animations—keep everything soft and minimal Export/Deploy: Responsive mobile-first layout Works offline (PWA-ready visual only) Clean code structure, ready to hook backend Build this entire UI as a single-page responsive web app prototype using TailwindCSS, styled-components, or clean HTML + Tailwind blocks. No dummy placeholders. Generate real UI components with interactions and real text. --- Se quiser, posso preparar agora um **comando de preview para VitePress ou Docusaurus** já com a identidade Taskesphere. Deseja esse passo agora? - Initial Deployment
verified 
