Established classics - This design brief outlines the requirements for developing the Lagosa® product website, integrating Wörwag Pharma’s...
Generated Prompt
## APPLICATION OVERVIEW The project is a landing page designed to promote the Lagosa® product line, specifically targeting liver health. The main purpose of the site is to inform users about Lagosa® 240 Forte and Lagosa® Triplex while integrating Wörwag Pharma's corporate identity, emphasizing trust, clarity, and conversion through an engaging user experience. ## CORE FEATURES 1. **Hero Section**: Features a strong call-to-action with dual packshots of Lagosa® products and a prominent "Learn More" button. 2. **Awareness Statistics**: Displays key MASLD (Fatty Liver) statistics using visually engaging stat cards to highlight global prevalence and risk factors. 3. **Comparison Section**: Presents side-by-side comparisons of Lagosa® 240 Forte and Triplex, showcasing their distinct approaches to liver health. 4. **Innovation Highlight**: A dedicated section to explain the PL+ Technology, emphasizing its benefits with an informative diagram illustrating higher bioavailability. 5. **Risk Factors Overview**: Utilizes icons to effectively communicate MASLD triggers, such as weight and insulin resistance. 6. **Blog Preview**: Offers a preview of three health articles related to liver health to engage users and encourage further exploration. ## 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 layout will utilize a structured approach with distinct sections separated by a curve design element. The Wörwag logo will be positioned according to the "1/16th rule," with ample spacing from edges. High-quality lifestyle photography will be integrated throughout the site to enhance emotional connection. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not specified, but can be added as needed for interactivity ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components. 2. **Create Layout Components**: Develop reusable components for the header, footer, hero section, comparison cards, and statistics display. 3. **Implement Hero Section**: Design the hero section to include images of Lagosa® products and a call-to-action button, ensuring accessibility and responsiveness. 4. **Design Awareness Statistics**: Create the statistics section using stat cards that are visually appealing and easy to read. 5. **Build Comparison Section**: Develop side-by-side comparison cards that clearly differentiate between Lagosa® 240 Forte and Triplex. 6. **Highlight Innovation**: Implement a section for PL+ Technology with a diagram; ensure it is visually engaging and informative. 7. **Integrate Risk Factors Icons**: Design and integrate icons that represent risk factors associated with MASLD. 8. **Add Blog Preview**: Create a section that previews health articles, ensuring it is linked to the blog for further reading. 9. **Finalize Layout**: Ensure all sections are responsive and adjust the layout based on screen size, maintaining graphical consistency. ## USER EXPERIENCE Users will have a seamless experience as they navigate through the landing page. They will be greeted by a clear hero section that draws attention to the products, followed by informative statistics that educate them on liver health. The comparison section allows for straightforward evaluation of the products while the innovation section highlights the unique technology behind Lagosa®. Users will be encouraged to explore further through the blog preview, enhancing their engagement with the brand. Each element is designed to foster trust and encourage action, aligning with Wörwag Pharma's corporate identity.
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!
