Make skin Care web ecommerce website with color palattetext and stuff, the website is inspired by https://skininspired.
Lovable
Enhanced
Minimalist
light mode
3w ago
Generated Prompt
Create a professional, premium React + Tailwind CSS website. Clone the full homepage structure of: https://skininspired.in/ But apply the brand tone, product aesthetics, and color inspiration from: https://kokebana.com/ IMPORTANT: The final result must look HIGH-END, PROFESSIONAL, and TRUSTWORTHY. Not cute. Not overly pastel. Not playful. Use: • React (functional components) • Tailwind CSS • Clean component architecture • Max container width: 1400px • Fully responsive • Production-ready code -------------------------------------------------- 🎯 DESIGN DIRECTION (Professional Cosmetic Brand) Visual Tone: • Minimal • Refined • Elegant • Spacious • Confident Color Palette (inspired by Kokebana but refined): • Soft ivory / warm white backgrounds • Muted botanical green • Deep charcoal for text • Subtle dusty rose accents (used sparingly) • Very limited bright colors Typography: • Clean modern sans-serif (Inter / Poppins) • Strong hierarchy • Generous spacing • Large hero typography • No playful fonts Buttons: • Solid professional primary button • Minimal hover animation (subtle darken or lift) • Rounded-md (not overly rounded) Cards: • Subtle shadow • Thin neutral borders • Clean spacing • No heavy gradients Animations: • Minimal • Fade-in on scroll • No exaggerated motion -------------------------------------------------- 📌 HOMEPAGE STRUCTURE (CLONE FROM SKININSPIRED) 1. Announcement Bar 2. Sticky Header Navigation 3. Hero Section with Category Links 4. Bestselling Products Grid 5. Before/After Carousel 6. Featured In Logo Strip 7. Shop by Skin Type 8. Brand Pillars Section 9. Shop by Concern 10. Safety / Clean Beauty Claims 11. Reviews & Rating Breakdown 12. Footer Replicate the layout structure of each section, but apply the professional Kokebana-inspired theme. -------------------------------------------------- 📌 FUNCTIONAL REQUIREMENTS • Reusable ProductCard component • Functional carousel • Responsive navbar with mobile menu • Accessible buttons & semantic HTML • Clean file structure -------------------------------------------------- OUTPUT: 1. Full homepage code (modular components) 2. Tailwind theme customization (colors + fonts) 3. Short explanation of design decisions
Loved by thousands of makers from
From early prototypes to real products, they started here.
How it works
Generate optimized prompts for your vibe coding projects
1
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
2
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
3
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!