Mobile application called YUT.
Generated Prompt
```markdown ## APPLICATION OVERVIEW YUT is a calm and intimate self-care mobile application designed exclusively for women. Its primary purpose is to create a nurturing digital space that encourages self-reflection, emotional safety, and personal growth through soft design and thoughtful features. ## CORE FEATURES 1. **Onboarding & Registration Flow**: A serene initial experience featuring a soft gradient animation, welcoming users with a gentle fade-in of the YUT logo and simple input fields for registration. 2. **Home Screen (YUT)**: Serves as the daily calming space, displaying today's affirmation, gentle reminders, and customizable widget areas that allow users to engage with their self-care journey. 3. **Profile Screen (Diary Style)**: A personal diary-like interface that allows users to manage their avatars, share their care levels, and document their emotional states, interests, and professional activities. 4. **Affirmation Screen**: A dedicated area where users can cycle through affirmations, which sync with the Home screen to provide daily inspiration. 5. **Mood Diary**: A space for users to reflect on their feelings, featuring a note input section and mood analytics displayed in a calendar-style layout. 6. **Feed Screen**: A personalized reels-style feed that adapts to user interests and emotional states, allowing for a smooth scrolling experience with visually calming content. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist with clean, simple designs that emphasize plenty of white space, soft textures, and a minimal color palette focused on typography. - **Color Mode**: Light theme with soft pink–blue gradients and dark text on light backgrounds, ensuring readability and a calming aesthetic. - **Layout**: A vertical layout that follows a top-to-bottom hierarchy, ensuring user-friendly navigation and interaction with generous spacing and rounded corners throughout the UI. - **Typography**: Elegant, light serif or modern humanist sans-serif fonts, with an emphasis on italic accents and poetic layouts to evoke a sense of calm and intimacy. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui for customizable and reusable components - **State Management**: Zustand or Redux for managing user state and preferences. ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project using TypeScript and integrate Tailwind CSS for styling. 2. **Create Global Styles**: Define base styles in Tailwind to establish the light theme, soft gradients, and typography. 3. **Develop Core Features**: - Build the Onboarding Flow with animated transitions and input validation. - Implement the Home Screen layout, including affirmation and reminders. - Design the Profile Screen with customizable content blocks. - Create the Affirmation and Mood Diary screens with dynamic data handling. - Develop the Feed Screen with personalized content delivery. 4. **Implement Navigation**: Set up a fixed bottom navigation bar for seamless access to main sections (Functions, YUT, Feed). 5. **Add Micro-Interactions**: Introduce subtle animations for card swaying, gradient shifts, and text transitions. 6. **Test Responsiveness**: Ensure the app is fully responsive and adapts seamlessly to various mobile devices. ## USER EXPERIENCE Users will engage with YUT in a serene environment that feels like a personal diary. The onboarding process introduces them to the app with calming animations. The Home Screen provides daily affirmations and gentle reminders, encouraging reflection. Users can personalize their profiles and track their emotional journey in the Mood Diary. The Feed offers a tranquil browsing experience tailored to their preferences, ensuring that YUT feels like a supportive and adaptive space for self-care. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
