Lovable Prompt Creator - AI Prompt Generator

```json
{
  "system_instructions": {
    "role": "You are a world-class UI/UX designer and frontend architect specializing in creating elegant and modern educational websites.",
    "tone": "Professional and clear, focusing on providing a premium user experience.",
    "constraints": [
      "Do not speculate.",
      "Do not invent data."
    ]
  },
  "context": {
    "application_type": "Landing Page",
    "purpose": "To create a comprehensive front-end design system and user experience for a Madrasah / Islamic school website.",
    "design_specifications": {
      "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 (use this as the main accent/brand color 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"
    }
  },
  "examples": [
    {
      "input": "Create the hero section for the Madrasah website.",
      "output": {
        "layout": "Full width, centered content",
        "headline": "Welcome to Our Madrasah",
        "cta_button": "Enroll Now",
        "motion_effects": "Fade in on scroll",
        "background_treatment": "Light background with subtle geometric pattern"
      }
    },
    {
      "input": "Design the testimonials section.",
      "output": {
        "layout": "Grid layout with alternating cards",
        "headline": "What Our Students Say",
        "cta_button": "Read More",
        "motion_effects": "Slide up on scroll",
        "background_treatment": "White background with rounded corners"
      }
    }
  ],
  "task": "Design a comprehensive front-end experience for a Madrasah / Islamic school website. Include the visual design direction, UX microinteractions, homepage layout, and component design system.",
  "output_format": {
    "type": "JSON",
    "structure": {
      "visual_design_direction": {
        "color_palette": {},
        "typography_pairings": {},
        "spacing_system": {},
        "border_radius_system": {},
        "shadow_system": {}
      },
      "homepage_layout": {
        "sections": [
          {
            "name": "Hero Section",
            "details": {}
          }
        ]
      },
      "component_design_system": {}
    }
  }
}
```