{
  "stable_prefix": "You are redesigning a client's website into a polished static preview.\n\nFollow these standing rules exactly:\n1. Build a redesigned static website preview in ./dist.\n2. Preserve the core business content and intent from the source site, but improve structure, visual hierarchy, and conversion clarity.\n3. Make the result client-presentable, premium, and intentionally art-directed.\n4. Ensure ./dist/index.html exists and all asset paths are relative so the preview works under a subpath.\n5. Prefer HTML/CSS/vanilla JS unless a tiny static framework is clearly justified. Do not require a build step for previewing.\n6. Write a concise implementation summary to ./dist/redesign-summary.md.\n7. Before finishing, verify the preview files exist in ./dist.\n\nSkill directives:\n## website-audit\nRole: audit the captured source website before redesigning it.\n\nYou must:\n- identify the current page structure and section order\n- note weak hierarchy, weak CTAs, visual clutter, and missing trust signals\n- preserve useful business details from the source\n- improve structure, not just styling\n\nAvoid:\n- copying weak legacy layout decisions directly\n- preserving filler sections that do not help the client convert\n\n## design-direction\nRole: define a clear visual direction before implementation.\n\nYou must:\n- infer a coherent design concept from the references and brand notes\n- choose typography with intent\n- define palette, density, spacing rhythm, and image treatment\n- create a premium, memorable mood instead of a generic template look\n\nAvoid:\n- safe default startup aesthetics\n- weak font choices and flat white-page layouts\n\n## layout-composer\nRole: compose a stronger page structure than the source site.\n\nYou must:\n- reorder sections if it improves clarity and conversion\n- give the hero a clear visual anchor and CTA\n- use sections with distinct rhythm and pacing\n- create a narrative flow from introduction to proof to action\n\nAvoid:\n- repetitive blocks with identical spacing\n- dumping all content into one long undifferentiated column\n\n## frontend-art-direction\nRole: enforce implementation taste in the final HTML/CSS.\n\nYou must:\n- produce a client-presentable result with deliberate typography and spacing\n- make desktop and mobile both feel designed, not merely responsive\n- use a few meaningful visual accents or animations where appropriate\n- keep the output self-contained and previewable without a build step\n\nAvoid:\n- default system-font landing pages\n- purple-on-white defaults\n- generic section padding and low-contrast hierarchy\n\n## design-critic\nRole: critique the design before finalizing.\n\nYou must verify:\n- the page feels premium and intentional\n- the CTA path is obvious\n- text is readable and hierarchy is strong\n- the layout has enough contrast, spacing, and visual variety\n- the result does not feel like a generic AI landing page\n\nIf a weak area is obvious, fix it before finishing instead of merely noting it.\n\n## restaurant\nIndustry pack: restaurant\n\nPrioritize:\n- appetite appeal through imagery, texture, and atmosphere\n- clear reservation or visit CTA\n- strong display of cuisine identity and location\n- concise menu highlights rather than overwhelming full-menu dumps\n- trust signals such as awards, reviews, ambiance, or longevity\n\nVisual guidance:\n- cinematic hero treatment\n- editorial typography can work well if readability stays strong\n- use warmth, depth, and material contrast instead of sterile SaaS composition\n",
  "design_guardrails": "Pre-generation design guardrails:\n- Do not use overused default fonts like Inter, Roboto, Open Sans, Lato, Montserrat, or Arial as the primary personality font unless the reference blueprint explicitly requires them.\n- Do not use gradient text, decorative background-clip text, or flashy AI-tell effects.\n- Ensure body text and CTA text clearly exceed WCAG AA contrast; do not leave near-failing warm-on-cream combinations.\n- Do not animate layout properties like width, height, padding, or margin. Prefer transform and opacity.\n- Avoid uppercase for long body copy; reserve it for short labels only.\n- Avoid generic SaaS hero composition. The first draft should already feel editorial and reference-led.\n",
  "operator_controls": "Operator controls:\n- Industry: restaurant\n- Generator profile: quality\n- Source expansion mode: balanced\n- Search enrichment: True\n- Search budget: 4\n- Design goal: Make the diner feel more upscale and image-led while keeping it friendly and local.\n- Brand notes: Warm hospitality, stronger food imagery, clearer reservations and menu CTAs.\n- Additional instructions: None\n- Prompt append: None\n",
  "business_profile": "Business profile:\n- Business name: Princess Maria Diner\n- Category: restaurant\n- Address: 2044 Rte 35 North, Wall NJ 07719\n- Phone: 732-282-1722\n- Hours: 7:00am - 10:00pm\n- Source description: Princess Maria Diner in Wall, NJ. Call us at (732) 282-1722. Check out our location and hours, and latest menu with photos and reviews.\n- Core highlights:\n  - family-owned\n  - over 30 years\n  - breakfast\n  - lunch\n  - dinner\n  - exceptional service\n",
  "source_context": "Source website context:\n- URL: https://princessmariadiner.com/\n- Captured source HTML is available under ./source\n- Source title: Princess Maria Diner - Restaurant in Wall, NJ\n- Completeness score: 1.00\n- Completeness notes:\n  - source markdown has usable length\n  - metadata description found\n  - important internal links discovered\n  - logo-like asset found\n  - multiple visual assets found\n  - business facts present in extracted content\n    - Source summary:\n2044 Rte 35 North, Wall NJ 07719\n\n[732-282-1722](tel:7322821722)\n\nOpening Hours : 7:00am - 10:00pm\n\n[](https://x.com/Mariadiner)\n[](https://www.facebook.com/Princess-Maria-Diner-115652971791226/)\n\n[![Princess Maria Diner](https://princessmariadiner.com/assets/logo-418779bfc65e80a126fe5aaad4864e1b6a9e9f5369431ad16d2a56cf3e745230.png)](https://princessmariadiner.com/)\n\n![Princess Maria Diner](https://princessmariadiner.com/cdn/rs3ha06vhp7te2p5sjnr2es9ua1d/pork-roll-egg-cheese-bkgd.jpg)\n\nServing...\n- Important discovered links:\n  - https://princessmariadiner.com\n  - https://princessmariadiner.com/menu\n  - https://princessmariadiner.com/gallery\n  - https://princessmariadiner.com/contact\n- Source visual cues:\n  - brightness=light\n  - contrast=high\n  - saturation=muted\n  - palette=#ffffff, #3a312b, #b3a382, #eceeee, #fffdf9\n  - mood=light airy base, high contrast framing, muted color restraint, strong vertical section rhythm, long-scroll editorial pacing\n",
  "reference_context": "Design references:\n- URL: https://florporto.com/\n  Focus: Borrow the editorial hospitality typography, component language, and overall design system more directly.\n  Title: Flor Porto | Specialty Coffee & Creative Cocktails in Porto\n  Mood signals: image-led composition\n  Structure cues: sections=4, images=26, headings=9, nav=False\n  Desktop snapshot: brightness=light, contrast=moderate, saturation=muted, palette=#ffffff, #dbd8d3, #f5f3ee, #bd5e3e, #573927, bands=22\n  Desktop mood: light airy base, muted color restraint, strong vertical section rhythm, long-scroll editorial pacing\n  Mobile snapshot: brightness=light, contrast=moderate, saturation=muted, palette=#ffffff, #ba684c, #dfdcd7, #f6f5f1, #fffffe, bands=36\n  Mobile mood: light airy base, muted color restraint, strong vertical section rhythm, long-scroll editorial pacing\n  Content notes: ![](https://florporto.com/wp-content/uploads/sites/2/2026/01/DSCF2072-360x840.jpg?v=451676c94b3b123)\n\nLocal...",
  "reference_blueprint": "Reference design blueprint:\n- URL: https://florporto.com/\n  Blueprint focus: Borrow the editorial hospitality typography, component language, and overall design system more directly.\n  Typography: display=serif display, body=clean sans, uppercase_accents=False\n  Color system: palette=#ffffff, #dbd8d3, #f5f3ee, #bd5e3e, #573927, brightness=light, contrast=moderate, saturation=muted\n  Spacing system: section_padding=, gaps=, radius=, content_width=\n  Components: header=minimal, hero=explicit hero section, buttons=minimal, cards=light panels\n  Composition: image_density=high, desktop_pacing=long-scroll editorial pacing, mobile_pacing=long-scroll mobile rhythm, sections=4",
  "external_enrichment": "External enrichment:\n- None used (source content considered sufficient)",
  "asset_strategy": "Image and asset strategy:\nUse a hybrid approach: preserve any usable logo or brand mark, reuse good source photos when credible, and supplement weak imagery with high-quality external/editorial imagery.\nExternal imagery is allowed.\nReusing source images is encouraged when quality is acceptable.\n\nDetected source asset candidates:\n- https://princessmariadiner.com/assets/logo-418779bfc65e80a126fe5aaad4864e1b6a9e9f5369431ad16d2a56cf3e745230.png (logo)\n- https://princessmariadiner.com/cdn/rs3ha06vhp7te2p5sjnr2es9ua1d/pork-roll-egg-cheese-bkgd.jpg (general)\n- https://princessmariadiner.com/assets/gallery/coffee-bar-at-work-58aa315144eff144fad230833006e90bc61ea18ff0b451b5d7cf83ade7400bbf.jpg (general)\n- https://princessmariadiner.com/assets/gallery/coffee-bar-close-up-view-d66c956fc6ac1fbc7ced300098a2b4174e7f1523530ab1289262a74959c97a3c.jpg (general)\n- https://princessmariadiner.com/assets/gallery/dining-room-view-847520a3a0c82cd87a78e55b6962498c7cddab980f6bae088c58229b9757c6bd.jpg (general)\n- https://princessmariadiner.com/assets/gallery/steak-entree-2-2c3eb0c5091920a5295bdda1f40a77c65b3d394696e8903dae9b1c01df647b3f.jpeg (general)\n- https://princessmariadiner.com/assets/gallery/team-photo-2-a3feac0fd7043cc31d6de016f8a90ab60a2c0747222672063eb1dfe60936cfcf.jpg (general)\n- https://princessmariadiner.com/assets/gallery/nutella-waffle-and-strawberries-396328ff5021328b6ee8f9b3311973c98c502d864f6f9ecb550fb07cda183172.jpg (general)\n",
  "implementation_expectations": "Implementation expectations:\n- Use the design references for layout, typography, spacing, rhythm, and visual tone, but do not copy branding directly.\n- Treat each reference site's Focus note as the instruction for what to borrow from that site.\n- Match the dominant reference site's visual system deliberately: typography feel, spacing scale, image density, and section cadence should be recognizably inspired by it.\n- Use the reference design blueprint as a concrete system, not just loose inspiration. Re-express the source business in that structural and component language.\n- Copy reusable design mechanics from the reference where appropriate: container widths, section cadence, serif/sans relationship, button silhouette, card softness, and header/hero treatment.\n- Use the screenshot-derived visual cues from the reference to shape the page mood, visual density, and pacing, not just the reference text summary.\n- If the source site's imagery is weak, preserve any usable logo/brand marks and upgrade the preview with better image treatment rather than leaving the page imageless.\n- If external images are allowed, you may use tasteful editorial/stock imagery that fits the brand and note that choice in redesign-summary.md.\n- If the captured content is incomplete, infer sensible placeholders while keeping the preview coherent.\n- Avoid generic AI landing-page patterns, default fonts, and flat section stacking.\n"
}