feat(design-styles): update master prompts with improved descriptions

Author: mrgoonie

demos-v02/index.html

@@ -315,7 +315,7 @@ <h2>Minimalism & Swiss Style</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>clean, swiss, grid-based, generous whitespace, typography-first</strong> — Monochrome + one bold accent, beige/gray neutrals. Razor-sharp hierarchy, subtle hover lifts, micro-animations, perfect alignment.</p>
+              <p class="prompt-text"><strong>rigorous grid systems, generous whitespace, massive typography</strong> — Monochrome palette with one bold accent. Characterful grotesque sans-serif, asymmetric magazine layout, sharp corners, thin 1px borders, razor-sharp hierarchy.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #faf9f7;"></span>
                 <span class="color-swatch" style="background: #1a1a1a;"></span>
@@ -346,7 +346,7 @@ <h2>Neumorphism</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>soft ui, embossed, concave/convex, subtle depth, monochromatic</strong> — Single pastel + light/dark variations. Multi-layer soft shadows, press/release animations, no hard borders.</p>
+              <p class="prompt-text"><strong>monochromatic palette, extruded elements, multiple drop shadows</strong> — Elements appear pushed out from the surface using soft inner/outer shadows for depth. Rounded sans-serif fonts, pill-shaped buttons that look "pressed in" when active.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #e0e5ec;"></span>
                 <span class="color-swatch" style="background: #a3b1c6;"></span>
@@ -377,7 +377,7 @@ <h2>Glassmorphism</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>frosted glass, translucent, vibrant backdrop, blur, layered</strong> — Aurora/sunset backgrounds + semi-transparent whites. backdrop-filter: blur(), glowing borders, light reflections, floating layers.</p>
+              <p class="prompt-text"><strong>dark vibrant background, animated mesh gradients, frosted glass cards</strong> — UI on backdrop-filter blur with semi-transparent white, 1px white borders. Deep void background with neon accents (Purple, Cyan, Magenta), floating layers.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #312e81;"></span>
                 <span class="color-swatch" style="background: #7c3aed;"></span>
@@ -408,7 +408,7 @@ <h2>Brutalism</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>raw, unpolished, asymmetric, high contrast, intentionally ugly</strong> — Harsh primaries, black/white, occasional neon. Sharp corners, huge bold text, exposed grid, "broken" aesthetic.</p>
+              <p class="prompt-text"><strong>raw, aggressive, high-contrast aesthetics</strong> — Thick black borders (3-4px), hard drop shadows, clashing colors (Neon Yellow on Black). Monospace mixed with display fonts, masonry/broken grid layout, exposed structure.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #0a0a0a;"></span>
                 <span class="color-swatch" style="background: #ffffff;"></span>
@@ -439,7 +439,7 @@ <h2>Claymorphism</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>clay, chunky 3D, toy-like, bubbly, double shadows, pastel</strong> — Candy pastels, soft gradients. Inner + outer shadows, squishy press effects, oversized rounded elements.</p>
+              <p class="prompt-text"><strong>inflated 3D clay, marshmallow shapes floating in space</strong> — Candy pastels (Mint, Pink, Lilac) on cream background. Bouncy rounded typography, floating 3D elements, inner + outer shadows, squishy press effects.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #f5f0ff;"></span>
                 <span class="color-swatch" style="background: #ff6b9d;"></span>
@@ -470,7 +470,7 @@ <h2>Aurora / Mesh Gradient</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>aurora, northern lights, mesh gradient, luminous, flowing</strong> — Teal → purple → pink smooth blends. Animated/static CSS or SVG mesh gradients, subtle color breathing, layered translucency.</p>
+              <p class="prompt-text"><strong>slow-moving breathing blobs of color (Teal, Violet, Magenta)</strong> — Ethereal mesh gradient effect. High-contrast serif paired with clean sans, floating glass-like overlays, subtle breathing animations, layered translucency.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #0f0f1a;"></span>
                 <span class="color-swatch" style="background: #06b6d4;"></span>
@@ -501,7 +501,7 @@ <h2>Retro-Futurism / Cyberpunk</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>vaporwave, 80s sci-fi, crt scanlines, neon glow, glitch, chrome</strong> — Neon cyan/magenta on deep black, chrome accents. Scanlines, chromatic aberration, glitch transitions, long glowing shadows.</p>
+              <p class="prompt-text"><strong>deep black with aggressive neon accents (Cyan, Hot Pink, Acid Green)</strong> — CRT scanlines, glitch text effects, HUD elements. Futuristic display fonts, angular corners, glowing borders, chromatic aberration.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #0a0a0f;"></span>
                 <span class="color-swatch" style="background: #00ffff;"></span>
@@ -532,7 +532,7 @@ <h2>3D Hyperrealism</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>realistic textures, skeuomorphic, metallic, WebGL, tactile</strong> — Rich metallics, deep gradients. Three.js / CSS 3D, physics-based motion, realistic lighting & reflections.</p>
+              <p class="prompt-text"><strong>realistic textures (Brushed Titanium, Carbon Fiber, Optical Glass)</strong> — Cinematic lighting with Gunmetal Grey/Silver palette. Technical wide sans-serif, skeuomorphic switches, lens flares, physics-based motion.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #1a1a2e;"></span>
                 <span class="color-swatch" style="background: #d4af37;"></span>
@@ -563,7 +563,7 @@ <h2>Vibrant Block / Maximalist</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>bold blocks, duotone, high contrast, geometric, energetic</strong> — Complementary/triadic brights, neon on dark. Large colorful sections, scroll-snap, dramatic hover scales, animated patterns.</p>
+              <p class="prompt-text"><strong>solid clashing blocks of pure RGB colors, thick 4px black borders</strong> — Massive heavy display fonts, masonry grids, marquee scrolling, instant "snap" hover effects. High-energy, no subtlety.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #0a0a0a;"></span>
                 <span class="color-swatch" style="background: #ffe600;"></span>
@@ -594,10 +594,10 @@ <h2>Dark OLED Luxury</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>deep black, oled-optimized, subtle glow, premium, cinematic</strong> — #000000 + vibrant accents (emerald, amber, electric blue). Minimal glows, velvet textures, cinematic entrances, reduced-motion support.</p>
+              <p class="prompt-text"><strong>absolute black backgrounds with Gold accents, silent premium aesthetic</strong> — Subtle noise textures. Regal serif paired with geometric sans, spotlight cursor effects, gold foil text gradients, cinematic entrances.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #000000;"></span>
-                <span class="color-swatch" style="background: #10b981;"></span>
+                <span class="color-swatch" style="background: #d4af37;"></span>
                 <span class="color-swatch" style="background: #ffffff;"></span>
                 <span class="color-swatch" style="background: rgba(255,255,255,0.08);"></span>
               </div>
@@ -625,7 +625,7 @@ <h2>Organic / Biomorphic</h2>
             </div>
             <div class="master-prompt">
               <div class="prompt-label">Master Prompt</div>
-              <p class="prompt-text"><strong>fluid shapes, blobs, curved, nature-inspired, hand-drawn</strong> — Earthy or muted pastels. SVG morphing, gooey effects, irregular borders, gentle spring animations.</p>
+              <p class="prompt-text"><strong>fluid morphing blob shapes, "Living Earth" palette (Sage Green, Clay, Sand, Moss)</strong> — Reject straight lines. Friendly rounded sans, complex border-radius, wavy dividers, breathing motion, gooey effects.</p>
               <div class="color-palette">
                 <span class="color-swatch" style="background: #faf8f5;"></span>
                 <span class="color-swatch" style="background: #8fa68f;"></span>