Website that is sending fake ruboc
Replit
Enhanced
Minimalist
light mode
1h ago
Generated Prompt
```markdown PROJECT DEFINITION Create a landing page website that simulates the sending of fake ruboc messages. The purpose is to showcase the concept humorously and attractively, while maintaining a clean and minimalist design to enhance user experience and engagement. DESIGN REQUIREMENTS - 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 TECH STACK & CONSTRAINTS - Language: HTML, CSS, and JavaScript - Frameworks: Use Vanilla JS for functionality - Constraints: Ensure the website is responsive and functions well on both desktop and mobile devices. BREAKDOWN INTO TASKS 1. Set up the basic HTML structure for the landing page, including sections for the header, main content, and footer. 2. Implement the CSS styling according to the design requirements, using the specified color and typography. 3. Create an interactive button that, when clicked, simulates sending a fake ruboc message (this can be a simple alert for demonstration). 4. Add sections highlighting features of the fake ruboc service with engaging copy and visuals. 5. Include a testimonials section for fictional user feedback. 6. Implement a call-to-action (CTA) button that encourages users to "Send a Ruboc!". 7. Test the website for responsiveness and ensure all interactive elements function correctly. IMPLEMENTATION GUIDANCE - Start with a basic HTML template, including the `<head>` and `<body>` sections. - Link to the Google Fonts stylesheet for Inter and create the necessary CSS styles to reflect the design requirements. - Use JavaScript to create the functionality for the fake ruboc sending button, such as displaying an alert message. - Structure the main content with semantic HTML elements like `<section>`, `<header>`, and `<footer>`. ITERATION STRATEGY - After initial implementation, review the design for alignment with the minimalist aesthetic. - Gather feedback on usability and clarity from peers or potential users. - Make adjustments to text, layout, and interactive elements based on feedback to enhance user engagement. TESTING & VALIDATION - Test the website on different devices and browsers to ensure compatibility and responsiveness. - Verify that all interactive elements work as intended, particularly the button that simulates sending a ruboc. - Collect user feedback to identify any areas for improvement or additional features that could enhance the user experience. ```
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!