Use the uploaded reference image as the primary identity anchor.
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed to create an ultra-realistic live football broadcast screenshot that captures a specific individual's likeness amidst a crowd of passionate supporters during a UEFA Champions League match. The main purpose is to deliver a highly detailed and authentic visual experience that accurately represents the person from the reference image while blending seamlessly into a vibrant sports environment. ## CORE FEATURES 1. **Identity Preservation**: The application will ensure that the individual's facial identity, including gender, face shape, skin tone, and hairstyle, is preserved with high accuracy to the reference image. 2. **Dynamic Crowd Simulation**: Simulates a realistic football stadium crowd, capturing crowd behavior and reactions while maintaining focus on the individual. 3. **Realistic Broadcast Overlays**: Incorporates live football TV overlay graphics, including scoreboards, match timers, and network logos to enhance the authenticity of the sports broadcast aesthetic. 4. **Cinematic Camera Effects**: Uses telephoto lens compression and natural stadium lighting to replicate the look and feel of a real sports broadcast, including slight motion blur and authentic skin rendering. 5. **User Input for Customization**: Allows users to upload a reference image and specify desired parameters to tailor the output according to their preferences. 6. **Downloadable Output**: Provides functionality for users to download the generated screenshot in a high-resolution format. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds. - **Primary Color**: #1978E5 (accent for buttons, links, highlights). - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements. - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs. - **Layout**: The main layout will consist of a header with a logo and navigation, a central hero section for image upload and parameters, an interactive preview section, and a footer with contact information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Zustand for state management as needed. ## IMPLEMENTATION STEPS 1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and Zustand. 2. **Create the Basic Layout**: Implement the header, hero section, preview area, and footer using Tailwind CSS for styling. 3. **Develop Image Upload Feature**: Create a component to handle image uploads, ensuring it accepts the correct file types and sizes. 4. **Implement Identity Preservation Logic**: Integrate an AI model or API that analyzes the uploaded image and generates the realistic broadcast screenshot based on the specifications. 5. **Add Broadcast Overlay Elements**: Design and implement the overlay graphics for scoreboard, match timer, and logo using Tailwind CSS and SVGs. 6. **Enable Download Functionality**: Implement a feature that allows users to download the generated image in high resolution. 7. **Testing & Optimization**: Test the application for functionality, user experience, and ensure it is responsive on different devices. ## USER EXPERIENCE Users will land on a clean, minimalist interface where they can easily upload their reference image. They can interact with a live preview that updates as they adjust parameters. The application will feature smooth transitions and feedback to enhance user engagement. Once satisfied, users can download their ultra-realistic broadcast screenshot, ensuring a seamless and enjoyable experience throughout the application.
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!
