Prompt Metrics
{
"total_chars": 9221,
"estimated_tokens": 2304,
"parts": {
"stable_prefix": {
"chars": 3450,
"estimated_tokens": 862
},
"operator_controls": {
"chars": 395,
"estimated_tokens": 99
},
"business_profile": {
"chars": 442,
"estimated_tokens": 110
},
"source_context": {
"chars": 1426,
"estimated_tokens": 356
},
"reference_context": {
"chars": 927,
"estimated_tokens": 232
},
"external_enrichment": {
"chars": 71,
"estimated_tokens": 18
},
"asset_strategy": {
"chars": 1442,
"estimated_tokens": 360
},
"implementation_expectations": {
"chars": 1068,
"estimated_tokens": 267
}
},
"suggestions": [
"Trim source summary further or summarize key facts before prompt assembly.",
"Use `generator_profile=balanced` or `lean` for cheaper iterations.",
"Keep the Impeccable refinement prompt short so the second pass stays cheap."
]
}
Prompt Parts
{
"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",
"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[](https://princessmariadiner.com/)\n\n\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://haven-annecy.fr/en\n Focus: Borrow the premium hospitality pacing, restrained palette, and image-led visual rhythm.\n Title: Home | Haven Annecy\n Mood signals: image-led composition\n Structure cues: sections=4, images=28, headings=6, nav=False\n Desktop snapshot: brightness=light, contrast=moderate, saturation=restrained, palette=#fffaf7, #b2623d, #e6dace, #fffaf6, #fefbf8, bands=20\n Desktop mood: light airy base, strong vertical section rhythm, long-scroll editorial pacing\n Mobile snapshot: brightness=light, contrast=moderate, saturation=restrained, palette=#fffaf7, #c1643b, #faf7f5, #fffcf9, #e1cfc5, bands=30\n Mobile mood: light airy base, strong vertical section rhythm, long-scroll editorial pacing\n Content notes: [Skip to main content](https://haven-annecy.fr/en#main-content \" Skip to main content\")\n\n* [En](https://haven-annecy.fr/en)\n \n* [Fr](https://haven-ann...",
"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 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"
}
No audit payloads captured.