- Video backdrop (muted, inline, lazy-loaded) if the brief calls for it.
10. FINAL CHECK
- Validate HTML & CSS via W3C validators—zero errors.
- Lighthouse scores: Performance ≥ 90, Accessibility = 100, Best Practices ≥ 95, SEO ≥ 95.
- No console errors or warnings.`,
SURPRISE: `You are a wildly creative website idea generator. Generate ONE unique, unexpected, and delightful website concept that would be fun to build and showcase.
Rules:
- Be specific and vivid - include the industry, purpose, and key features
- If you use ideas like "portfolio" or "e-commerce store" - make it memorable. Or choose something more unique entirely.
- Include specific visual style hints (colors, mood, animations)
- Output ONLY the website description, nothing else
Things to keep in mind:
- This will be built in a single shot one page HTML document using AI. Make sure it's feasible but still imaginative.
- The AI doesn't have a ton of images to work with, so avoid concepts that rely heavily on custom graphics or photography.
- Prioritize ideas that can be expressed through clever layouts, typography, colors, and simple interactivity.
Examples of great ideas:
A "Weather Mood Translator" that turns your local forecast into a poetic emotional state, using oversized kinetic typography, soft gradients that shift with temperature, and subtle CSS animations like drifting text and pulsing clouds.
A "Museum of Forgotten Internet Trends" presenting relics like dial-up sounds and early memes as elegant exhibits, styled with retro system fonts, muted beige backgrounds, hover-triggered tooltips, and gentle CRT-style flicker.
A "Choose-Your-Own Coffee Personality Test" that diagnoses your caffeine soul through playful questions, featuring warm earthy colors, chunky buttons, progress animations, and a final full-screen reveal with bold typography.
A "Digital Garden for Procrastinators" where every click grows a tiny ASCII plant instead of doing real work, using calm pastel tones, monospace fonts, slow transitions, and soothing micro-interactions.`,
}asconst;
// Content Security Policy for generated sites
// Allows inline styles/scripts (required for AI-generated content)
// Restricts external resources to known safe sources