Design Website Prompts

Build a design website with AI

← Back to homepage

Design Landing Page
Prompt:
Create a responsive landing page for ___ using HTML, CSS, and JS. Use a ___ color palette. The page should feature a hero section with a creative headline, a featured portfolio piece or service, client testimonials, and a clear call-to-action button. Incorporate high-quality design imagery and modern, accessible design.
Example: Create a responsive landing page for StudioNova using HTML, CSS, and JS. Use a charcoal and gold color palette. The page should feature a hero section with a creative headline, a featured branding project, client testimonials, and a "View Portfolio" button. Incorporate high-quality design imagery and modern, accessible design.
Design Contact Page
Prompt:
Create a responsive contact page for ___ using HTML, CSS, and JS. Use a ___ color palette. Include a contact form (name, email, message), a map showing the studio location, and links to social media. Style the form with modern, user-friendly design and add a section for business hours or a welcoming message.
Example: Create a responsive contact page for StudioNova using HTML, CSS, and JS. Use a charcoal and gold color palette. Include a contact form (name, email, message), a map showing the studio location, and links to Instagram and Behance. Style the form with modern, user-friendly design and add a section for business hours.
Design Services Page
Prompt:
Create a responsive services page for ___ using HTML, CSS, and JS. Use a ___ color palette. List at least three services (such as branding, web design, illustration), each with an icon or image, a short description, and pricing. Use a visually appealing layout, interactive hover effects, and highlight any special offers or packages.
Example: Create a responsive services page for StudioNova using HTML, CSS, and JS. Use a charcoal and gold color palette. List at least three services (branding, web design, illustration), each with an icon, a short description, and pricing. Use a card layout with interactive hover effects and highlight a "Brand Refresh" package.