https://patchdesign.ai/assets/DesignVsProductionTypePage-Dpnt3iUn.js

1import{q as h,j as e,N as g,r as p,u as m,J as f,A as s,H as x,E as d}from"./index-DGIQy-Di.js";import{s as l,B as u,R as y}from"./RealPairsGrid-04WFvyj5.js";import{u as j}from"./useDesignVsArtwork-BxC8fQ0t.js";import{g as v,b,D as w}from"./designVsProduction-BqM4nKZ3.js";import"./patchTypeDisplay-Ba0TTjQ0.js";function L(){const{type:i}=h(),n=v(i);return n?e.jsx(S,{ex:n}):e.jsx(g,{to:"/design-vs-production",replace:!0})}function S({ex:i}){const n=p.useMemo(()=>b(i),[i]),{pairs:a}=j({type:i.slug,limit:24}),r=a.slice(0,6);m({title:`${i.title} — See the Difference | PatchDesign.AI`,description:`${i.blurb} Drag the slider to compare the digital design with the produced patch, and see the colour, text and detail limits of ${i.name.toLowerCase()} patches.`,path:`/design-vs-production/${i.slug}`,ogImage:i.after,jsonLD:[f([{label:"Home",url:"https://patchdesign.ai"},{label:"Design vs Production",url:"https://patchdesign.ai/design-vs-production"},{label:i.name,url:`https://patchdesign.ai/design-vs-production/${i.slug}`}])]});const o=w.filter(t=>t.slug!==i.slug);return e.jsxs("main",{children:[e.jsx("section",{style:{background:"linear-gradient(135deg, #1a0f3d 0%, #2d1d5e 50%, #4a2d8a 100%)",padding:"84px 0 72px",color:"white"},children:e.jsx("div",{className:"container",style:{maxWidth:1120},children:e.jsxs("div",{className:l.heroGrid,children:[e.jsxs("div",{className:l.heroHead,children:[e.jsxs(s,{to:"/design-vs-production",style:{display:"inline-flex",alignItems:"center",gap:6,color:"rgba(255,255,255,0.82)",textDecoration:"none",fontSize:"0.78rem",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",marginBottom:16},children:[e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),"Design vs Production"]}),e.jsx(x.h1,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},style:{fontFamily:"var(--font-heading)",fontSize:"clamp(2rem,4vw,3.1rem)",lineHeight:1.12,marginBottom:16},children:i.h1})]}),e.jsxs("div",{className:l.heroBody,children:[e.jsx("p",{style:{fontSize:"1.08rem",opacity:.92,lineHeight:1.65,marginBottom:26},children:i.blurb}),e.jsx(s,{to:"/ai-tool",style:{background:"white",color:"var(--color-primary)",padding:"15px 34px",borderRadius:50,fontWeight:800,textDecoration:"none",fontSize:"0.95rem",display:"inline-block"},children:"Design a patch free"})]}),e.jsxs("div",{className:l.heroCompare,children:[e.jsx(u,{beforeSrc:i.before,afterSrc:i.after,beforeAlt:i.beforeAlt,afterAlt:i.afterAlt,beforeLabel:i.beforeLabel,afterLabel:i.afterLabel,background:"linear-gradient(160deg, #ffffff 0%, #f1ecff 100%)"}),e.jsx("p",{style:{margin:"10px 2px 0",fontSize:"0.78rem",lineHeight:1.5,color:"rgba(255,255,255,0.72)",minHeight:34},children:`Drag the handle to compare. ${i.fallbackNote||(i.illustrative?"Rendered for illustration — every real order is proofed and approved before production.":"")}`.trim()})]})]})})}),e.jsx("section",{style:{padding:"72px 0",background:"var(--color-bg, #fff)"},children:e.jsx("div",{className:"container",style:{maxWidth:1e3},children:e.jsxs("div",{style:{display:"grid",gap:24,gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))"}

1,children:[e.jsx(d,{children:e.jsx(c,{tone:"good",title:"What comes through",items:i.holds})}),e.jsx(d,{delay:.08,children:e.jsx(c,{tone:"warn",title:"What changes",items:i.shifts})})]})})}),e.jsx("section",{style:{padding:"0 0 72px"},children:e.jsxs("div",{className:"container",style:{maxWidth:1e3},children:[e.jsxs("h2",{style:{fontFamily:"var(--font-heading)",fontSize:"clamp(1.5rem,2.6vw,2.1rem)",marginBottom:8,textAlign:"center"},children:[i.name," limits, in numbers"]}),e.jsx("p",{style:{textAlign:"center",color:"var(--color-text-light)",maxWidth:620,margin:"0 auto 30px",lineHeight:1.6},children:"These are the physical floors of the process. Anything in a design below them is thickened, merged or dropped — which is the single biggest reason a produced patch differs from a preview."}),e.jsx("div",{style:{display:"grid",gap:14,gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))"},children:i.limits.map(t=>e.jsxs("div",{style:{background:"#fff",border:"1px solid rgba(17,24,39,0.09)",borderRadius:14,padding:"18px 18px 16px",boxShadow:"0 10px 26px -22px rgba(17,24,39,0.5)"},children:[e.jsx("div",{style:{fontSize:"0.7rem",fontWeight:800,letterSpacing:"0.07em",textTransform:"uppercase",color:"var(--color-text-light)"},children:t.label}),e.jsx("div",{style:{fontFamily:"var(--font-heading)",fontSize:"1.5rem",color:"var(--color-primary)",margin:"4px 0 6px"},children:t.value}),e.jsx("div",{style:{fontSize:"0.85rem",color:"var(--color-text-light)",lineHeight:1.5},children:t.note})]},t.label))}),e.jsxs("div",{style:{marginTop:28,background:"#f8f4ff",border:"1px solid rgba(124,58,237,0.16)",borderRadius:16,padding:"22px 24px",lineHeight:1.7},children:[e.jsx("strong",{style:{display:"block",marginBottom:6},children:"What this means for your design"}),i.verdict]})]})}),r.length>0&&e.jsx("section",{style:{padding:"0 0 72px"},children:e.jsxs("div",{className:"container",style:{maxWidth:1120},children:[e.jsxs("h2",{style:{fontFamily:"var(--font-heading)",fontSize:"clamp(1.4rem,2.4vw,1.9rem)",marginBottom:8,textAlign:"center"},children:["Real ",i.name.toLowerCase()," orders"]}),e.jsx("p",{style:{textAlign:"center",color:"var(--color-text-light)",maxWidth:620,margin:"0 auto 28px",lineHeight:1.65},children:"Each one is a design from the chat and the production artwork our team drew from it."}),e.jsx(y,{pairs:r,minCardWidth:280})]})}),e.jsx("section",{style:{padding:"0 0 72px"},children:e.jsxs("div",{className:"container",style:{maxWidth:820},children:[e.jsx("h2",{style:{fontFamily:"var(--font-heading)",fontSize:"clamp(1.4rem,2.4vw,1.9rem)",marginBottom:20,textAlign:"center"},children:"Common questions"}),e.jsx("div",{style:{display:"grid",gap:12},children:n.map(t=>e.jsxs("div",{style:{background:"#fff",border:"1px solid rgba(17,24,39,0.09)",borderRadius:14,padding:"18px 20px"},children:[e.jsx("h3",{style:{fontSize:"1rem",marginBottom:6},children:t.q}),e.jsx("p",{style:{margin:0,color:"var(--color-text-light)",lineHeight:1.65},children:t.a})]},t.q))})]})}),e.jsx("section",{style:{padding:"0 0 84px"},children:e.jsxs("div",{className:"container",style:{maxWidth:1e3},children:[e.jsx("h2",{style:{fontFamily:"var(--font-heading)",fontSize:"clamp(1.4rem,2.4vw,1.9rem)",marginBottom:22,textAlign:"center"},children:"The same design, made another way"}),e.jsx("div",{style:{display:"grid",gap:14,gridTemplateColumns:"repeat(auto-fit, minmax(120px, 1fr))"},children:o.map(t=>e.jsxs(s,{to:`/design-vs-production/${t.slug}`,style:{display:"block",textDecoration:"none",color:"inherit",background:"#fff",border:"1px solid rgba(17,24,39,0.09)",borderRadius:14,padding:12,textAlign:"center"},children:[e.jsx("img",{src:t.after,alt:`${t.name} version of the same patch design`,loading:"lazy",decoding:"async",width:"200",height:"200",style:{width:"100%",height:"auto",aspectRatio:"1 / 1",objectFit:"contain"}}),e.jsx("div",{style:{fontWeight:700,fontSize:"0.9rem",marginTop:6},children:t.name})]},t.slug))}),e.jsxs("p",{style:{textAlign:"center",marginTop:22,display:"flex",gap:18,justifyContent:"center",flexWrap:"wrap"},children:[e.jsxs(s,{to:`/patches/${i.typeSlug}`,style:{fontWeight:700},children:["Full ",i.name.toLowerCase()," spec sheet and pricing"]}),a.length>0&&e.jsx(s,{to:"/design-vs-production/examples",style:{fontWeight:700},children:"See more comparisons"})]})]})})]})}function c({tone:i,title:n,items:a}){const r=i==="good";return e.jsxs("div",{style:{background:r?"#f2fbf5":"#fff8f1",border:`1px solid ${r?"rgba(16,122,72,0.18)":"rgba(180,83,9,0.18)"}`,borderRadius:16,padding:"22px 24px",height:"100%"},children:[e.jsxs("h2",{style:{fontFamily:"var(--font-heading)",fontSize:"1.15rem",marginBottom:14,display:"flex",alignItems:"center",gap:8,color:r?"#0f7a48":"#b45309"},children:[e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,

1children:r?e.jsx("polyline",{points:"20 6 9 17 4 12"}):e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M12 9v4"}),e.jsx("path",{d:"M12 17h.01"}),e.jsx("circle",{cx:"12",cy:"12",r:"9"})]})}),n]}),e.jsx("ul",{style:{margin:0,paddingLeft:0,listStyle:"none",display:"grid",gap:10},children:a.map(o=>e.jsxs("li",{style:{display:"flex",gap:10,lineHeight:1.6},children:[e.jsx("span",{"aria-hidden":!0,style:{color:r?"#0f7a48":"#b45309",flexShrink:0,marginTop:2},children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:e.jsx("circle",{cx:"12",cy:"12",r:"5"})})}),e.jsx("span",{children:o})]},o))})]})}export{L as default};