Created
June 14, 2025 21:19
-
-
Save devcshort/7a6fc08779d9f0da1ff1b2bc19d28528 to your computer and use it in GitHub Desktop.
Lovable Reusable Prompt Templates
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Create a beautiful, creative agency website. This should look premium, modern, and showcase design work or creative services. No database or backend integrations required. | |
| ## 🎨 Design Preferences | |
| - Primary color: {{primary_color}} | |
| - Secondary color: {{secondary_color}} | |
| - Accent: {{accent_color}} | |
| ## 🧑 Target Audience | |
| - Design clients, startups, and marketing leads | |
| ## 🖼 Design Style | |
| {{design_style}} | |
| Examples: artistic and colorful, high contrast, avant-garde, clean typography-focused | |
| ## 🧩 Layout & Structure | |
| Include: | |
| - Hero with bold visual and brand slogan | |
| - Showcase/Case Studies (image + description layout) | |
| - Services or Capabilities | |
| - About/Team section with bios | |
| - Contact form (static) | |
| - Social links and client logos in the footer | |
| ## 💡 Additional Instructions | |
| - Prioritize visual design and layout | |
| - Use placeholder visuals and demo projects | |
| - Navigation should scroll between sections or link between pages |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Build me a modern, fully navigable website. The site should have working navigation between pages/sections, but no backend integration is needed. | |
| Here are the details: | |
| ## 🎨 Design Preferences | |
| - **Primary color:** {{primary_color}} | |
| - **Secondary color:** {{secondary_color}} | |
| - **Accent or neutral color (optional):** {{accent_color}} | |
| ## 🧑 Target Audience | |
| - {{target_audience}} (e.g., small business clients, startup founders, artists, etc.) | |
| ## 🖼 Design Style | |
| Use a design that reflects the following style: | |
| **{{design_style}}** | |
| Examples: clean and minimal, bold and high contrast, playful and colorful, corporate/professional, dark theme, retro/funky, etc. | |
| ## 🧩 Layout & Structure | |
| Include the following common website sections: | |
| - Hero with headline, subheading, and CTA | |
| - Features or Services (3–6 blocks) | |
| - About or Bio section | |
| - Testimonials or Client Logos | |
| - Pricing (if applicable) | |
| - FAQ (optional) | |
| - Contact section with a form (form does not need to be functional or integrated) | |
| - Footer with social/media links | |
| The navigation bar should support smooth scrolling or linking between sections (or pages if multiple pages are used). | |
| ## 💡 Additional Instructions | |
| - The entire site should be **clickable and navigable**, even if it's all static content. | |
| - Use placeholder text and images where content is missing. | |
| - Contact forms do **not** need real submission functionality. | |
| - Do **not** connect to a database or use Supabase. | |
| - Focus on clean, maintainable code. Keep styling consistent with the design style. | |
| - Use standard HTML/CSS/JS or React + Tailwind (your choice, but keep it simple). |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Build a multi-page business website. Each page should be navigable via a header nav bar. No backend or CMS should be used, just static pages with dummy content. | |
| ## 🎨 Design Preferences | |
| - Primary color: {{primary_color}} | |
| - Secondary color: {{secondary_color}} | |
| - Accent: {{accent_color}} | |
| ## 🧑 Target Audience | |
| - Clients looking for {{industry}} services | |
| ## 🖼 Design Style | |
| {{design_style}} | |
| Examples: corporate/professional, clean and trust-inspiring, warm and approachable | |
| ## 🧩 Pages to Include | |
| - Home | |
| - About Us | |
| - Services or Solutions | |
| - Testimonials | |
| - Contact Us (form can be dummy) | |
| - Optional: Blog (with 2–3 placeholder entries) | |
| ## 💡 Additional Instructions | |
| - Include navigation between all pages | |
| - Footer with address/contact/social links | |
| - No backend logic, CMS, or database connections |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Build me a modern, navigable portfolio website. It should showcase my work, skills, and personality with smooth scrolling between sections. No backend or database required. | |
| ## 🎨 Design Preferences | |
| - Primary color: {{primary_color}} | |
| - Secondary color: {{secondary_color}} | |
| - Accent/neutral (optional): {{accent_color}} | |
| ## 🧑 Target Audience | |
| - Employers, clients, and collaborators interested in my work | |
| ## 🖼 Design Style | |
| {{design_style}} | |
| Examples: minimalist and elegant, creative and artistic, developer-focused, bold and expressive, dark mode portfolio | |
| ## 🧩 Layout & Structure | |
| Include: | |
| - Hero (name, title, CTA to contact or resume) | |
| - Work/Projects Gallery (3–6 items) | |
| - About Me section | |
| - Skills or Tech Stack | |
| - Testimonials or Recommendations | |
| - Contact Form (not functional) | |
| - Footer with social/media links | |
| ## 💡 Additional Instructions | |
| - Smooth scroll or tab navigation between sections | |
| - Projects should be clickable but can use placeholder links/images | |
| - No CMS, backend, or database needed |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Create a sleek, high-converting landing page for a digital product or SaaS tool. The page should be fully static, with no database or backend functionality. | |
| ## 🎨 Design Preferences | |
| - Primary color: {{primary_color}} | |
| - Secondary color: {{secondary_color}} | |
| - Accent color: {{accent_color}} | |
| ## 🧑 Target Audience | |
| - {{target_audience}} (e.g., freelancers, small teams, devs, marketers) | |
| ## 🖼 Design Style | |
| {{design_style}} | |
| Examples: bold and modern, sleek tech startup, playful and colorful, Apple-inspired, retro | |
| ## 🧩 Layout & Structure | |
| Include: | |
| - Hero with product pitch and CTA | |
| - Feature Highlights (3–5 blocks) | |
| - Screenshots or Demos | |
| - Testimonials or Social Proof | |
| - Pricing Table (if applicable) | |
| - FAQ | |
| - Contact section (form not functional) | |
| - Sticky nav + footer with branding | |
| ## 💡 Additional Instructions | |
| - All buttons should navigate or scroll within the site | |
| - Use real-world placeholder content (not “lorem ipsum”) | |
| - No backend, no Supabase, no forms integration |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment