Curated prompts to help you generate better websites with AI.
Modern Personal Portfolio
Portfolio
Create a modern, minimalist personal portfolio website for a [Product Designer]. The design should use a dark theme with neon accent colors (#00ff88).
Key sections:
1. Hero section with big bold typography and a brief bio.
2. 'Work' section with a masonry grid layout for projects.
3. 'About' section with a photo and skills list.
4. 'Contact' section with a working email form.
Ensure the layout is fully responsive and uses smooth scrolling animations.
💡 Why this works:
Specifying the role (Product Designer), theme (Dark with neon), and specific sections helps the AI understand both the visual style and the structural requirements.
SaaS Landing Page
Business
Build a high-converting landing page for a SaaS product called 'TaskFlow'. The style should be clean, corporate, and trustworthy using blue and white colors.
Include these specific components:
- Sticky navigation bar with 'Login' and 'Get Started' buttons.
- Hero section with headline, subheadline, CTA button, and a placeholder for a dashboard screenshot.
- 'Features' section using a 3-column grid with icons.
- 'Pricing' section with 3 cards (Basic, Pro, Enterprise), highlighting 'Pro' as recommended.
- Footer with links and newsletter signup.
💡 Why this works:
Listing specific components like "Sticky navigation" and "3-column grid" gives the AI clear architectural instructions.
Restaurant Website
Food & Drink
Design a warm and inviting website for an Italian restaurant named 'Bella Roma'. Use warm colors (reds, oranges, creams).
Requirements:
- A hero video background showing pasta being made.
- A digital menu section categorized by Starters, Mains, and Desserts.
- An 'OpenTable' reservation widget integration placeholder.
- A photo gallery of the interior and dishes.
- Location and Hours section with a Google Maps placeholder.
💡 Why this works:
Context descriptors like "warm and inviting" help set the mood, while technical requirements like "video background" push the AI to use more advanced HTML5 features.