Preview
Preview not published yet.
Classification & Planning
{
"classification": null,
"builder_detection": null,
"design_engine": {
"family": "warm-hospitality",
"source": "inferred",
"rationale": "default for industry=restaurant; diner-style restaurant benefits more from warm neighborhood hospitality than luxury editorial cues",
"profile": {
"summary": "Tactile, welcoming, and polished neighborhood-premium direction for food, beverage, and service brands.",
"ideal_for": [
"restaurant",
"cafe",
"bakery",
"spa",
"general"
],
"typography": "Soft serif or humanist display with warm sans-serif support.",
"palette": "Stone, parchment, terracotta, deep espresso, and muted olive accents.",
"layout": "Story-led hero, cozy content width, layered imagery, and rhythm built around atmosphere and trust.",
"components": "Rounded CTA pills, proof strips, gallery clusters, and service cards with subtle warmth.",
"motion": "Minimal parallax feel through composition only; motion stays subtle.",
"anti_patterns": "Avoid harsh black-on-white tech aesthetics and sterile card walls."
}
},
"component_blueprint": null,
"content_blueprint": {
"rewrite_rule": "Rewrite and improve source copy into sharper, clearer, more persuasive language. Preserve facts, but do not reuse long sentences verbatim.",
"proof_rule": "Use only verifiable proof from source facts or extracted enrichment. If specific reviews, awards, or ratings are not present, do not invent them.",
"link_rule": "Do not use legacy source-site navigation or CTA links in the redesigned preview. Keep navigation internal to the preview and rebuild important content as sections.",
"menu_rule": "Do not link out to the legacy menu page. Rebuild menu highlights, featured dishes, pricing cues, and dayparts as part of the redesigned experience.",
"trust_signals": [
"family-owned",
"over 30 years",
"breakfast",
"lunch",
"dinner",
"exceptional service"
],
"review_evidence_present": false,
"forbidden_urls": [
"https://princessmariadiner.com/menu",
"https://princessmariadiner.com/"
]
},
"concept_blueprint": {
"business_name": "Princess Maria Diner",
"family": "warm-hospitality",
"creative_thesis": "Make this diner feel warm, memorable, and prospect-impressive without turning it into a fake luxury restaurant.",
"family_summary": "Tactile, welcoming, and polished neighborhood-premium direction for food, beverage, and service brands.",
"typography_system": "Soft serif or humanist display with warm sans-serif support.",
"color_logic": "Stone, parchment, terracotta, deep espresso, and muted olive accents.",
"layout_system": "Story-led hero, cozy content width, layered imagery, and rhythm built around atmosphere and trust.",
"component_language": "Rounded CTA pills, proof strips, gallery clusters, and service cards with subtle warmth.",
"motion_policy": "Minimal parallax feel through composition only; motion stays subtle.",
"anti_patterns": "Avoid harsh black-on-white tech aesthetics and sterile card walls.",
"section_flow": [
"Warm hero with primary CTA",
"Trust/story introduction",
"Menu or service highlights",
"Photo-led proof or testimonials",
"Visit/contact 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"
],
"footer_requirements": "Include a dedicated footer/location module with address, hours, phone, and a real Google Map embed whenever practical. At minimum, include a real directions link tied to the actual business location."
},
"seo_blueprint": {
"schema_type": "Restaurant",
"canonical_url": "https://princessmariadiner.com/",
"title_formula": "Princess Maria Diner | Restaurant in Wall NJ 07719",
"meta_description_focus": "Lead with the offer, atmosphere or trust angle, then reinforce location and a primary CTA in 120-160 characters.",
"content_keywords": [
"family-owned",
"over 30 years",
"breakfast",
"lunch"
],
"local_signals": {
"business_name": "Princess Maria Diner",
"address": "2044 Rte 35 North, Wall NJ 07719",
"phone": "732-282-1722",
"hours": "7:00am - 10:00pm",
"maps_query_url": "https://www.google.com/maps/search/?api=1&query=2044+Rte+35+North%2C+Wall+NJ+07719"
},
"og_image_strategy": "Use the strongest hero or branded source image as the social preview image and ensure the meta tags point to it.",
"heading_rule": "Use exactly one descriptive H1 and a logical H2/H3 hierarchy for major sections.",
"alt_text_rule": "Every non-decorative image should have descriptive alt text tied to the business, menu, service, or atmosphere.",
"footer_rule": "Include a dedicated footer/location module with address, hours, phone, and a real Google Map embed whenever practical. At minimum, include a real directions link tied to the actual business location."
}
}
Prompt Metrics
{
"total_chars": 11355,
"estimated_tokens": 2839,
"parts": {
"stable_prefix": {
"chars": 1220,
"estimated_tokens": 305
},
"design_guardrails": {
"chars": 1320,
"estimated_tokens": 330
},
"operator_controls": {
"chars": 864,
"estimated_tokens": 216
},
"business_profile": {
"chars": 380,
"estimated_tokens": 95
},
"seo_requirements": {
"chars": 965,
"estimated_tokens": 241
},
"content_integrity": {
"chars": 920,
"estimated_tokens": 230
},
"source_context": {
"chars": 1023,
"estimated_tokens": 256
},
"design_family": {
"chars": 917,
"estimated_tokens": 229
},
"concept_blueprint": {
"chars": 1079,
"estimated_tokens": 270
},
"external_enrichment": {
"chars": 71,
"estimated_tokens": 18
},
"asset_strategy": {
"chars": 856,
"estimated_tokens": 214
},
"implementation_expectations": {
"chars": 1740,
"estimated_tokens": 435
}
},
"suggestions": [
"Reduce standing prompt prose further; the current prompt is still heavy enough to slow first-pass generation.",
"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\nRules:\n- Build the redesigned static preview in ./dist.\n- Preserve business facts and intent from the source while improving hierarchy, clarity, and conversion.\n- Keep the result premium, art-directed, and previewable without a build step.\n- Ensure ./dist/index.html exists and all asset paths are relative.\n- Write a concise ./dist/redesign-summary.md before finishing.\n\nWorking directives:\n- Audit the source site, preserve useful facts, and improve weak hierarchy or CTA paths.\n- Establish one clear art direction before building; typography, palette, rhythm, and imagery should feel intentional.\n- Recompose the page for narrative flow instead of preserving legacy ordering blindly.\n- Deliver polished static HTML/CSS/JS in ./dist with strong mobile behavior and obvious conversion paths.\n- Self-critique before finishing and fix any obvious generic, low-contrast, or weak-hierarchy issues.\n- For restaurants, prioritize appetite appeal, atmosphere, reservations, hours, location confidence, and concise menu highlights.\n- Active skill packs: website-audit, design-direction, layout-composer, frontend-art-direction, design-critic, restaurant.\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- Always include a real location module near the footer with address, hours, phone, and a real map/embed or directions link.\n- Do not use old-site navigation links such as legacy menu/about/contact URLs in the redesigned preview.\n- Do not fabricate testimonials, review attributions, awards, ratings, or statistics that are not present in the extracted source facts or enrichment.\n- Rewrite source marketing copy; do not copy long source paragraphs verbatim into the redesign.\n",
"operator_controls": "Operator controls:\n- Industry: restaurant\n- Design family: warm-hospitality\n- Generator profile: balanced\n- Source expansion mode: balanced\n- Search enrichment: True\n- Search budget: 4\n- Design goal: Make this diner feel warm, memorable, and prospect-impressive without turning it into a fake luxury restaurant.\n- Brand notes: Keep it welcoming and food-led. Stronger menu presentation, trustworthy location information, and more original rewritten copy.\n- Additional instructions: Rebuild menu highlights in-page. Do not link to the legacy menu. Do not invent testimonials or review attributions. Use a real map or directions link in the footer/location block. Include a clear location footer with address, phone, hours, and embedded map when practical.\n- Prompt append: Improve the business presentation rather than copying the old website wording or structure.\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- Maps link: https://www.google.com/maps/search/?api=1&query=2044+Rte+35+North%2C+Wall+NJ+07719\n- Core highlights:\n - family-owned\n - over 30 years\n - breakfast\n - lunch\n - dinner\n - exceptional service\n",
"seo_requirements": "SEO requirements:\n- Canonical URL: https://princessmariadiner.com/\n- Schema type: Restaurant\n- Title formula: Princess Maria Diner | Restaurant in Wall NJ 07719\n- Meta description focus: Lead with the offer, atmosphere or trust angle, then reinforce location and a primary CTA in 120-160 characters.\n- Keywords to reinforce naturally: family-owned, over 30 years, breakfast, lunch\n- OG image strategy: Use the strongest hero or branded source image as the social preview image and ensure the meta tags point to it.\n- Heading rule: Use exactly one descriptive H1 and a logical H2/H3 hierarchy for major sections.\n- Alt text rule: Every non-decorative image should have descriptive alt text tied to the business, menu, service, or atmosphere.\n- Footer/location rule: Include a dedicated footer/location module with address, hours, phone, and a real Google Map embed whenever practical. At minimum, include a real directions link tied to the actual business location.\n",
"content_integrity": "Content integrity requirements:\n- Rewrite rule: Rewrite and improve source copy into sharper, clearer, more persuasive language. Preserve facts, but do not reuse long sentences verbatim.\n- Proof rule: Use only verifiable proof from source facts or extracted enrichment. If specific reviews, awards, or ratings are not present, do not invent them.\n- Link rule: Do not use legacy source-site navigation or CTA links in the redesigned preview. Keep navigation internal to the preview and rebuild important content as sections.\n- Menu rule: Do not link out to the legacy menu page. Rebuild menu highlights, featured dishes, pricing cues, and dayparts as part of the redesigned experience.\n- Trust signals that may be emphasized:\n - family-owned\n - over 30 years\n - breakfast\n - lunch\n - dinner\n - exceptional service\n- Forbidden source URLs:\n - https://princessmariadiner.com/menu\n - https://princessmariadiner.com/\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[](h...\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: warm-hospitality\n- Selection source: inferred\n- Rationale: default for industry=restaurant; diner-style restaurant benefits more from warm neighborhood hospitality than luxury editorial cues\n- Summary: Tactile, welcoming, and polished neighborhood-premium direction for food, beverage, and service brands.\n- Typography direction: Soft serif or humanist display with warm sans-serif support.\n- Palette logic: Stone, parchment, terracotta, deep espresso, and muted olive accents.\n- Layout direction: Story-led hero, cozy content width, layered imagery, and rhythm built around atmosphere and trust.\n- Component language: Rounded CTA pills, proof strips, gallery clusters, and service cards with subtle warmth.\n- Motion rule: Minimal parallax feel through composition only; motion stays subtle.\n- Family anti-patterns: Avoid harsh black-on-white tech aesthetics and sterile card walls.\n",
"concept_blueprint": "Concept blueprint:\n- Creative thesis: Make this diner feel warm, memorable, and prospect-impressive without turning it into a fake luxury restaurant.\n- Typography system: Soft serif or humanist display with warm sans-serif support.\n- Color logic: Stone, parchment, terracotta, deep espresso, and muted olive accents.\n- Layout system: Story-led hero, cozy content width, layered imagery, and rhythm built around atmosphere and trust.\n- Component language: Rounded CTA pills, proof strips, gallery clusters, and service cards with subtle warmth.\n- Conversion priorities: reservations, location-and-hours, menu-confidence\n- Content focus: family-owned, over 30 years, breakfast, lunch, dinner\n- Footer requirement: Include a dedicated footer/location module with address, hours, phone, and a real Google Map embed whenever practical. At minimum, include a real directions link tied to the actual business location.\n- Section flow:\n - Warm hero with primary CTA\n - Trust/story introduction\n - Menu or service highlights\n - Photo-led proof or testimonials\n - Visit/contact 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",
"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- The first draft must also be SEO-ready: title, description, canonical, OG/Twitter metadata, one clear H1, and valid LocalBusiness-style JSON-LD should already be present.\n- Include a real map or directions embed/link in the closing/footer area using the actual business location. Do not replace the location module with decorative imagery.\n- Do not send users back to the old website for key content. Rebuild critical content like menus, services, FAQs, and offers directly inside the redesign.\n- If trustworthy review copy or ratings are not available in the extracted source context, omit testimonial quotes rather than inventing them.\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"
}
content audit — error
{
"status": "error",
"error": "Circular reference detected"
}
seo audit — error
{
"status": "error",
"error": "Circular reference detected"
}
lighthouse audit — error
{
"status": "error",
"error": "Circular reference detected"
}
axe audit — findings
{
"status": "findings",
"findingsCount": 1,
"findings": [
{
"rule": "color-contrast",
"severity": "serious",
"message": "Elements must meet minimum color contrast ratio thresholds",
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"nodes": [
{
"target": [
".story-content > .section-label"
],
"html": "<span class=\"section-label\">Our Story</span>",
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #7a8b5f, background color: #fffaf5, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
"#menu > .container > .text-center > .section-label"
],
"html": "<span class=\"section-label\">From Our Kitchen</span>",
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.23 (foreground color: #7a8b5f, background color: #f5efe6, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".menu-category:nth-child(1) > .category-note"
],
"html": "<p class=\"category-note\">Served all day</p>",
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #7a8b5f, background color: #fffaf5, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".menu-category:nth-child(2) > .category-note"
],
"html": "<p class=\"category-note\">Served 11:00am \u2013 close</p>",
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #7a8b5f, background color: #fffaf5, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
"#gallery > .container > .text-center > .section-label"
],
"html": "<span class=\"section-label\">Around the Diner</span>",
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #7a8b5f, background color: #fffaf5, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
],
"log": "/data/jobs/job_94aaa68eb205/axe-audit.log"
}