WebRedesign

{ "website_url": "https://princessmariadiner.com/", "client_slug": "princess-maria-diner-family-balanced", "brand_notes": "Keep it polished, atmospheric, and reservation-focused without feeling like a generic luxury template.", "dry_run": false, "hostname": "princessmariadiner.com", "callback_url": "", "notify_email": "[email protected]", "industry": "restaurant", "design_family": "editorial-luxury", "enabled_skills": [ "website-audit", "design-direction", "layout-composer", "frontend-art-direction", "design-critic" ], "extra_instructions": "Lead with atmosphere and trust. Make reservation and location confidence immediate.", "generator_profile": "balanced", "image_strategy": "hybrid", "reuse_source_images": true, "allow_external_images": true, "design_goal": "Make this feel like an expensive, cinematic, editorial restaurant concept that immediately impresses a prospect.", "prompt_append": "Avoid diner cliches. Make it feel bespoke and premium.", "source_expansion_mode": "balanced", "search_enrichment": true, "search_budget": 4, "impeccable_critique": true, "impeccable_autofix": true }

{ "classification": null, "builder_detection": null, "design_engine": { "family": "editorial-luxury", "source": "operator", "rationale": "Operator explicitly selected editorial-luxury.", "profile": { "summary": "High-contrast editorial hospitality direction with dramatic type, cinematic imagery, and restrained premium surfaces.", "ideal_for": [ "restaurant", "hotel", "bar", "salon", "boutique" ], "typography": "Expressive serif display paired with clean sans-serif body copy.", "palette": "Cream, ink, oxblood, brass, and smoked neutrals.", "layout": "Large image-led hero, alternating narrative bands, generous whitespace, and gallery interludes.", "components": "Understated navigation, elegant reservation CTA, image-framed testimonials, and editorial menu/story sections.", "motion": "Slow fades, soft reveal transitions, and no flashy motion.", "anti_patterns": "Do not use startup-style feature grids, tiny type, or neon accents." } }, "component_blueprint": null, "content_blueprint": null, "concept_blueprint": { "business_name": "Princess Maria Diner", "family": "editorial-luxury", "creative_thesis": "Make this feel like an expensive, cinematic, editorial restaurant concept that immediately impresses a prospect.", "family_summary": "High-contrast editorial hospitality direction with dramatic type, cinematic imagery, and restrained premium surfaces.", "typography_system": "Expressive serif display paired with clean sans-serif body copy.", "color_logic": "Cream, ink, oxblood, brass, and smoked neutrals.", "layout_system": "Large image-led hero, alternating narrative bands, generous whitespace, and gallery interludes.", "component_language": "Understated navigation, elegant reservation CTA, image-framed testimonials, and editorial menu/story sections.", "motion_policy": "Slow fades, soft reveal transitions, and no flashy motion.", "anti_patterns": "Do not use startup-style feature grids, tiny type, or neon accents.", "section_flow": [ "Atmospheric hero with reservation-first CTA", "Signature positioning and story band", "Image-led menu highlights", "Ambience gallery or social proof strip", "Location, hours, and reservation close" ], "conversion_priority": [ "reservations", "location-and-hours", "menu-confidence" ], "image_policy": "Preserve and elevate source imagery where credible, then supplement with premium editorial imagery only if needed.", "asset_strength": "strong", "content_focus": [ "family-owned", "over 30 years", "breakfast", "lunch", "dinner" ] }, "seo_blueprint": null }

{ "total_chars": 11241, "estimated_tokens": 2810, "parts": { "stable_prefix": { "chars": 3450, "estimated_tokens": 862 }, "design_guardrails": { "chars": 843, "estimated_tokens": 211 }, "operator_controls": { "chars": 614, "estimated_tokens": 154 }, "business_profile": { "chars": 442, "estimated_tokens": 110 }, "source_context": { "chars": 1183, "estimated_tokens": 296 }, "design_family": { "chars": 839, "estimated_tokens": 210 }, "concept_blueprint": { "chars": 1257, "estimated_tokens": 314 }, "external_enrichment": { "chars": 71, "estimated_tokens": 18 }, "asset_strategy": { "chars": 1442, "estimated_tokens": 360 }, "implementation_expectations": { "chars": 1100, "estimated_tokens": 275 } }, "suggestions": [ "Use `generator_profile=balanced` or `lean` for cheaper iterations.", "Keep the Impeccable refinement prompt short so the second pass stays cheap." ] }

{ "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 selected design family explicitly calls for 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, default Tailwind landing-page stacking, and interchangeable startup polish.\n- Build the first draft from the internal design family and concept blueprint. Do not rely on copied public-site patterns.\n", "operator_controls": "Operator controls:\n- Industry: restaurant\n- Design family: editorial-luxury\n- Generator profile: balanced\n- Source expansion mode: balanced\n- Search enrichment: True\n- Search budget: 4\n- Design goal: Make this feel like an expensive, cinematic, editorial restaurant concept that immediately impresses a prospect.\n- Brand notes: Keep it polished, atmospheric, and reservation-focused without feeling like a generic luxury template.\n- Additional instructions: Lead with atmosphere and trust. Make reservation and location confidence immediate.\n- Prompt append: Avoid diner cliches. Make it feel bespoke and premium.\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 asset strength: strong\n", "design_family": "Internal design family:\n- Family: editorial-luxury\n- Selection source: operator\n- Rationale: Operator explicitly selected editorial-luxury.\n- Summary: High-contrast editorial hospitality direction with dramatic type, cinematic imagery, and restrained premium surfaces.\n- Typography direction: Expressive serif display paired with clean sans-serif body copy.\n- Palette logic: Cream, ink, oxblood, brass, and smoked neutrals.\n- Layout direction: Large image-led hero, alternating narrative bands, generous whitespace, and gallery interludes.\n- Component language: Understated navigation, elegant reservation CTA, image-framed testimonials, and editorial menu/story sections.\n- Motion rule: Slow fades, soft reveal transitions, and no flashy motion.\n- Family anti-patterns: Do not use startup-style feature grids, tiny type, or neon accents.\n", "concept_blueprint": "Concept blueprint:\n- Creative thesis: Make this feel like an expensive, cinematic, editorial restaurant concept that immediately impresses a prospect.\n- Family summary: High-contrast editorial hospitality direction with dramatic type, cinematic imagery, and restrained premium surfaces.\n- Typography system: Expressive serif display paired with clean sans-serif body copy.\n- Color logic: Cream, ink, oxblood, brass, and smoked neutrals.\n- Layout system: Large image-led hero, alternating narrative bands, generous whitespace, and gallery interludes.\n- Component language: Understated navigation, elegant reservation CTA, image-framed testimonials, and editorial menu/story sections.\n- Motion policy: Slow fades, soft reveal transitions, and no flashy motion.\n- Image policy: Preserve and elevate source imagery where credible, then supplement with premium editorial imagery only if needed.\n- Conversion priorities: reservations, location-and-hours, menu-confidence\n- Content focus: family-owned, over 30 years, breakfast, lunch, dinner\n- Section flow:\n - Atmospheric hero with reservation-first CTA\n - Signature positioning and story band\n - Image-led menu highlights\n - Ambience gallery or social proof strip\n - Location, hours, and reservation close\n", "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 internal design family and concept blueprint as the dominant visual system.\n- The source website is for business facts, proof, usable assets, and service/menu details, not for visual inspiration.\n- Do not imitate or scrape public reference websites. Create a bespoke concept from the internal design family.\n- Re-express the source business in the selected family\u2019s typography, spacing, component language, and section rhythm.\n- The first draft should already feel art-directed and prospect-ready, not like a template adaptation.\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, flat section stacking, and startup-style feature grids.\n" }