[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_15":74,"_11":12,"_16":17,"_18":19,"_120":121,"_122":123,"_37":21,"_25":26,"_22":124,"_125":126,"_27":127,"_128":103,"_129":30,"_130":72,"_131":-5,"_132":-5},"revision",{"_15":72,"_73":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":76,"_84":-5,"_31":85,"_86":87,"_88":87,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_99":100},"slug","navbar-dune-form","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":21,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38},"id","name","Dune Form Ruled Navigation","description","Fine-rule editorial navigation with a compact mobile index panel, fitting CTA, and route-local preview bag.","category","navigation","industries",[69],"useCase","mood","editorial","tags",[69,21,26,70,71],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/8625747de6787299143bd456760c57dce94a643297e6991bba07a83a06f79df7.webp","islands_used",[],"props_used",{},"theme",{"_45":46,"_47":48},"section",{"_15":12,"_39":40,"_41":42,"_43":44},"html","

\n \n \n \n

","css","#df-nav{position:sticky;top:0;z-index:70;background:var(--lx-bg,#F4EDDF);color:var(--lx-text,#1E1A18);border-bottom:1px solid var(--lx-border,#83786D);font-family:var(--lx-font-body,'DM Sans',sans-serif)}\n#df-nav .df-nav-bar{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}\n#df-nav .df-mark,#df-nav a,#df-nav button{color:inherit;font:600 10px/1 var(--lx-font-body,'DM Sans',sans-serif);letter-spacing:0;text-decoration:none}\n#df-nav .df-mark{padding-left:30px;font-family:var(--lx-font-heading,'Cormorant Garamond',serif);font-size:30px;font-weight:600;line-height:.8}\n#df-nav .df-desktop-links{align-self:stretch;display:flex;align-items:stretch}\n#df-nav .df-desktop-links a{min-width:128px;padding:0 18px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--lx-border,#83786D)}\n#df-nav .df-desktop-links a:last-child{border-right:1px solid var(--lx-border,#83786D)}\n#df-nav .df-desktop-links a:hover,#df-nav .df-desktop-links a:focus-visible,#df-nav .df-appointment:hover,#df-nav .df-appointment:focus-visible{text-decoration:underline;text-underline-offset:5px}\n#df-nav .df-actions{height:100%;justify-self:end;display:flex;align-items:stretch}\n#df-nav .df-actions>*{min-width:145px;padding:0 20px;display:flex;align-items:center;justify-content:center;border:0;border-left:1px solid var(--lx-border,#83786D);background:transparent;cursor:pointer}\n#df-nav .df-actions button{min-width:104px;border-right:1px solid var(--lx-border,#83786D)}\n#df-nav .df-actions .df-bag{min-width:91px;gap:8px}\n#df-nav .df-bag span{width:18px;height:18px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:8px}\n#df-nav .df-menu{position:absolute;top:66px;left:0;right:0;min-height:calc(100svh - 66px);padding:28px 30px 42px;display:flex;flex-direction:column;background:var(--lx-secondary,#5B1222);color:var(--lx-bg,#F4EDDF);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-9px);transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s}\n#df-nav .df-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}\n#df-nav .df-menu-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700}\n#df-nav .df-menu-top button{min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer}\n#df-nav .df-menu nav{margin-top:48px;border-top:1px solid rgba(244,237,223,.5)}\n#df-nav .df-menu nav a{min-height:76px;display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:1px solid rgba(244,237,223,.5);color:inherit}\n#df-nav .df-menu nav b{font-size:10px;font-weight:600}\n#df-nav .df-menu nav span{font-family:var(--lx-font-heading,'Cormorant Garamond',serif);font-size:47px;font-weight:600}\n#df-nav .df-menu p{max-width:280px;margin:auto 0 0;font-family:var(--lx-font-heading,'Cormorant Garamond',serif);font-size:31px;line-height:.95}\n#df-nav .df-preview-cart{position:fixed;z-index:85;top:0;right:0;width:min(410px,100vw);height:100svh;padding:23px 20px 18px;display:flex;flex-direction:column;background:var(--lx-text,#1E1A18);color:var(--lx-bg,#F4EDDF);visibility:hidden;opacity:0;pointer-events:none;transform:translateX(100%);transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s;box-shadow:-22px 0 60px rgba(30,26,24,.25)}\n#df-nav .df-preview-cart.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}\n#df-nav .df-preview-cart header,#df-nav .df-preview-cart footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700}\n#df-nav .df-preview-cart header{padding-bottom:19px;border-bottom:1px solid rgba(244,237,223,.5)}\n#df-nav .df-preview-cart header button{min-height:36px;border:0;background:transparent;color:inherit;font:700 10px var(--lx-font-body,'DM Sans',sans-serif);cursor:pointer}\n#df-nav .df-preview-cart-lines{flex:1;padding-top:22px;overflow:auto}\n#df-nav .df-preview-cart-lines>p{margin:0;color:rgba(244,237,223,.72);font-size:13px;line-height:1.5}\n#df-nav .df-preview-cart-line{display:grid;grid-template-columns:74px 1fr;gap:14px;padding-bottom:19px;border-bottom:1px solid rgba(244,237,223,.3)}\n#df-nav .df-preview-cart-line+ .df-preview-cart-line{padding-top:19px}\n#df-nav .df-preview-cart-line img{width:74px;height:96px;display:block;object-fit:cover}\n#df-nav .df-preview-cart-line strong,#df-nav .df-preview-cart-line span{display:block}\n#df-nav .df-preview-cart-line strong{font-family:var(--lx-font-heading,'Cormorant Garamond',serif);font-size:25px;line-height:.83;font-weight:600}\n#df-nav .df-preview-cart-line span{margin-top:8px;font-size:10px}\n#df-nav .df-preview-cart footer{padding-top:18px;border-top:1px solid rgba(244,237,223,.5)}\n#df-nav .df-preview-cart footer>a{min-height:42px;display:inline-flex;align-items:center;border-bottom:1px solid currentColor;color:inherit;font-size:9px;text-decoration:none}\n@media(max-width:860px){#df-nav .df-nav-bar{grid-template-columns:1fr auto}#df-nav .df-mark{padding-left:17px;font-size:25px}#df-nav .df-desktop-links,#df-nav .df-appointment{display:none}#df-nav .df-actions button{min-width:66px;padding:0 13px;border-right:0}#df-nav .df-actions .df-bag{min-width:68px;gap:5px;font-size:0}#df-nav .df-bag span{font-size:8px}#df-nav .df-menu{top:66px;padding:22px 18px 32px;min-height:calc(100svh - 66px)}#df-nav .df-menu nav{margin-top:32px}#df-nav .df-menu nav a{min-height:67px;grid-template-columns:42px 1fr}#df-nav .df-menu nav span{font-size:36px}}\n@media(prefers-reduced-motion:reduce){#df-nav .df-menu{transition:none}}","js","(function dfNavBoot(attempt){\n var root=document.getElementById('df-nav');\n if(!root){if(attempt<120)window.setTimeout(function(){dfNavBoot(attempt+1);},50);return;}\n if(root.dataset.wired)return;\n root.dataset.wired='1';\n var trigger=root.querySelector('[data-df-menu]');\n var panel=root.querySelector('[data-df-menu-panel]');\n var close=root.querySelector('[data-df-menu-close]');\n var bag=root.querySelector('[data-df-preview-cart]');\n var bagTrigger=root.querySelector('[data-df-cart-trigger]');\n var bagClose=root.querySelector('[data-df-cart-close]');\n function setOpen(open){\n panel.classList.toggle('is-open',open);\n panel.setAttribute('aria-hidden',open?'false':'true');\n trigger.setAttribute('aria-expanded',open?'true':'false');\n document.documentElement.style.overflow=open?'hidden':'';\n }\n trigger.addEventListener('click',function(){setOpen(trigger.getAttribute('aria-expanded')!=='true');});\n close.addEventListener('click',function(){setOpen(false);});\n panel.querySelectorAll('a').forEach(function(link){link.addEventListener('click',function(){setOpen(false);});});\n function setBagOpen(open){\n bag.classList.toggle('is-open',open);\n bag.setAttribute('aria-hidden',open?'false':'true');\n bagTrigger.setAttribute('aria-expanded',open?'true':'false');\n }\n bagTrigger.addEventListener('click',function(){setBagOpen(bagTrigger.getAttribute('aria-expanded')!=='true');});\n bagClose.addEventListener('click',function(){setBagOpen(false);});\n window.addEventListener('df:cart-open',function(){setBagOpen(true);});\n window.addEventListener('keydown',function(event){if(event.key==='Escape')setOpen(false);});\n})(0);","palette",{"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68},"fonts",{"_49":50,"_51":52},"display","Cormorant Garamond","body","DM Sans","bg","#F4EDDF","accent","#A55E62","text","#1E1A18","surface","#DED2BE","border","#83786D","highlight","#D7C8AB","secondary","#5B1222","muted","#6E655E","fashion","menu","preview-cart","ee680479-b669-48d8-8449-7fe7df487d34","template_id","958107fd-a95b-4556-ad86-f0d24b4d3082","version",1,"artifact_key","template-catalog/templates/958107fd-a95b-4556-ad86-f0d24b4d3082/revisions/1/template.json","manifest_key","template-catalog/templates/958107fd-a95b-4556-ad86-f0d24b4d3082/revisions/1/manifest.json","artifact_sha256","e3a87ceb34fc354f7ee46d170efb10a6c8d16ce403a6a5ed49c366efda57375a","schema_version","renderer_version",[],"themable",true,"has_js","size_kb",9.94,"validation_status","valid","validation_report",{"_92":87,"_4":116,"_117":118,"_31":119},"media_manifest",[101],"created_at","2026-08-23T07:40:21.270103+00:00","published_at","2026-08-23T07:40:21.359744+00:00",{"_102":103,"_104":30,"_105":106,"_107":108,"_109":-5,"_110":111,"_112":113,"_114":115},"key","template-catalog/media/8625747de6787299143bd456760c57dce94a643297e6991bba07a83a06f79df7.webp","url","sha256","8625747de6787299143bd456760c57dce94a643297e6991bba07a83a06f79df7","source","/templates/thumbs/navbar-dune-form.webp","alt_text","provenance","repository migration","size_bytes",3482,"content_type","image/webp",[],"warnings",[],[],"visibility","global","status","published",[69],"page_types",[133],[69,21,26,70,71],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","homepage"]