[{"_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":76,"_11":12,"_16":17,"_18":19,"_176":177,"_178":179,"_38":21,"_26":27,"_22":180,"_181":182,"_28":183,"_184":128,"_185":31,"_186":74,"_187":-5,"_188":-5},"revision",{"_15":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":78,"_86":-5,"_32":87,"_88":89,"_90":89,"_91":92,"_93":94,"_95":96,"_97":98,"_99":100,"_101":102},"slug","selector-dune-form-day-index","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39},"id","name","Dune Form Day Index","description","Numbered self-selection index with a responsive media state, custom interaction, and editorial conversion handoff.","category","interactive","industries",[70],"useCase","self-selection","mood","editorial","tags",[70,71,27,72,73],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/c0b71e260f54924bddf34708b7feb84ee0597b132fb7a3d952af159365abc52c.webp","islands_used",[],"props_used",{},"theme",{"_46":47,"_48":49},"section",{"_15":12,"_40":41,"_42":43,"_44":45},"html","

03 / FIND YOUR LINE

START WITH
THE DAY.

\n \n

","css","#df-concerns{padding:114px 4.4vw;background:var(--lx-bg,#F4EDDF);color:var(--lx-text,#1E1A18);font-family:var(--lx-font-body,'DM Sans',sans-serif)}\n#df-concerns>header{max-width:1280px;margin:0 auto 55px;display:grid;grid-template-columns:1fr minmax(320px,.66fr);gap:42px;align-items:end}\n#df-concerns>header span{font-size:10px;font-weight:700}\n#df-concerns h2{margin:0;font-family:var(--lx-font-heading,'Cormorant Garamond',serif);font-size:74px;line-height:.7;font-weight:600}\n#df-concerns .df-concerns-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(400px,1.12fr);border-top:1px solid var(--lx-border,#83786D);border-bottom:1px solid var(--lx-border,#83786D)}\n#df-concerns .df-concern-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:1px solid var(--lx-border,#83786D)}\n#df-concerns .df-concern-list button{min-height:82px;padding:0 19px;border:0;border-bottom:1px solid var(--lx-border,#83786D);background:transparent;color:inherit;display:flex;align-items:center;gap:17px;text-align:left;font:600 11px/1 var(--lx-font-body,'DM Sans',sans-serif);cursor:pointer}\n#df-concerns .df-concern-list button:nth-last-child(-n+2){border-bottom:0}\n#df-concerns .df-concern-list button:nth-child(odd){border-right:1px solid var(--lx-border,#83786D)}\n#df-concerns .df-concern-list button b{font-size:10px;font-weight:600}\n#df-concerns .df-concern-list button.is-active,#df-concerns .df-concern-list button:hover,#df-concerns .df-concern-list button:focus-visible{background:var(--lx-text,#1E1A18);color:var(--lx-bg,#F4EDDF)}\n#df-concerns .df-concern-stage{min-height:410px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr);background:var(--lx-surface,#DED2BE)}\n#df-concerns .df-concern-stage img{width:100%;height:410px;display:block;object-fit:cover;transition:opacity .22s ease}\n#df-concerns .df-concern-stage div{padding:30px 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}\n#df-concerns .df-concern-stage span{font-size:9px;font-weight:700}\n#df-concerns .df-concern-stage p{margin:15px 0 21px;font-family:var(--lx-font-heading,'Cormorant Garamond',serif);font-size:34px;line-height:.92;font-weight:600}\n#df-concerns .df-concern-stage a{min-height:36px;display:inline-flex;align-items:center;border-bottom:1px solid currentColor;color:inherit;font-size:9px;font-weight:700;text-decoration:none}\n#df-concerns .df-concern-stage a:hover,#df-concerns .df-concern-stage a:focus-visible{color:var(--lx-accent,#A55E62)}\n@media(max-width:860px){#df-concerns{padding:78px 15px}#df-concerns>header{grid-template-columns:1fr;gap:20px;margin-bottom:34px}#df-concerns h2{font-size:61px}#df-concerns .df-concerns-grid{grid-template-columns:1fr}#df-concerns .df-concern-list{border-right:0}#df-concerns .df-concern-list button{min-height:67px;padding:0 14px;font-size:9px}#df-concerns .df-concern-stage{min-height:0;grid-template-columns:1fr}#df-concerns .df-concern-stage img{height:355px}#df-concerns .df-concern-stage div{padding:24px 18px 30px}#df-concerns .df-concern-stage p{max-width:280px;margin:12px 0 18px;font-size:31px}}\n@media(prefers-reduced-motion:reduce){#df-concerns .df-concern-stage img{transition:none}}","js","(function dfConcernsBoot(attempt){\n var root=document.getElementById('df-concerns');\n if(!root){if(attempt<120)window.setTimeout(function(){dfConcernsBoot(attempt+1);},50);return;}\n if(root.dataset.wired)return;\n root.dataset.wired='1';\n var data=JSON.parse(root.querySelector('[data-df-concern-data]').textContent);\n var image=root.querySelector('[data-df-concern-image]');\n var copy=root.querySelector('[data-df-concern-copy]');\n root.querySelectorAll('[data-df-concern]').forEach(function(button){\n button.addEventListener('click',function(){\n var index=Number(button.dataset.dfConcern);\n root.querySelectorAll('[data-df-concern]').forEach(function(item){var on=item===button;item.classList.toggle('is-active',on);item.setAttribute('aria-pressed',on?'true':'false');});\n image.style.opacity='0';\n window.setTimeout(function(){image.setAttribute('src',data[index].image);image.setAttribute('alt',data[index].alt);copy.textContent=data[index].copy;image.style.opacity='1';},110);\n });\n });\n})(0);","palette",{"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69},"fonts",{"_50":51,"_52":53},"display","Cormorant Garamond","body","DM Sans","bg","#F4EDDF","accent","#A55E62","text","#1E1A18","surface","#DED2BE","border","#83786D","highlight","#D7C8AB","secondary","#5B1222","muted","#6E655E","fashion","selector","numbered-index","custom-interaction","0df1f2f9-ef55-4430-b7a3-174b6adf1544","template_id","81ead33e-31dd-40e5-a7d8-05b9206b6124","version",1,"artifact_key","template-catalog/templates/81ead33e-31dd-40e5-a7d8-05b9206b6124/revisions/1/template.json","manifest_key","template-catalog/templates/81ead33e-31dd-40e5-a7d8-05b9206b6124/revisions/1/manifest.json","artifact_sha256","d6e13c376916426ce138f3781f3283c42b436232d6aa9880f914cd378e72a9ad","schema_version","renderer_version",[],"themable",true,"has_js","size_kb",9.22,"validation_status","valid","validation_report",{"_94":89,"_4":172,"_173":174,"_32":175},"media_manifest",[103,104,105,106,107,108,109,110,111,112],"created_at","2026-08-23T07:40:29.294533+00:00","published_at","2026-08-23T07:40:29.396305+00:00",{"_113":167,"_115":168,"_117":169,"_119":170,"_121":-5,"_122":123,"_124":171,"_126":127},{"_113":162,"_115":163,"_117":164,"_119":165,"_121":-5,"_122":123,"_124":166,"_126":127},{"_113":157,"_115":158,"_117":159,"_119":160,"_121":-5,"_122":123,"_124":161,"_126":127},{"_113":152,"_115":153,"_117":154,"_119":155,"_121":-5,"_122":123,"_124":156,"_126":127},{"_113":147,"_115":148,"_117":149,"_119":150,"_121":-5,"_122":123,"_124":151,"_126":127},{"_113":142,"_115":143,"_117":144,"_119":145,"_121":-5,"_122":123,"_124":146,"_126":127},{"_113":137,"_115":138,"_117":139,"_119":140,"_121":-5,"_122":123,"_124":141,"_126":127},{"_113":132,"_115":133,"_117":134,"_119":135,"_121":-5,"_122":123,"_124":136,"_126":127},{"_113":128,"_115":31,"_117":129,"_119":130,"_121":-5,"_122":123,"_124":131,"_126":127},{"_113":114,"_115":116,"_117":118,"_119":120,"_121":-5,"_122":123,"_124":125,"_126":127},"key","template-catalog/media/c66f314f1527210e38f5389ee08b87daa3edf97e2c85fa84b52f58f042ec701d.webp","url","https://pcx-assets.trylexsis.com/template-catalog/media/c66f314f1527210e38f5389ee08b87daa3edf97e2c85fa84b52f58f042ec701d.webp","sha256","c66f314f1527210e38f5389ee08b87daa3edf97e2c85fa84b52f58f042ec701d","source","/templates/assets/dune-form/dune-approach-02.webp","alt_text","provenance","repository migration","size_bytes",59976,"content_type","image/webp","template-catalog/media/c0b71e260f54924bddf34708b7feb84ee0597b132fb7a3d952af159365abc52c.webp","c0b71e260f54924bddf34708b7feb84ee0597b132fb7a3d952af159365abc52c","/templates/thumbs/selector-dune-form-day-index.webp",18256,"template-catalog/media/90017d79725d9cf1326258c62d1f2092581212305a71d986ccdee6bf11170ca8.webp","https://pcx-assets.trylexsis.com/template-catalog/media/90017d79725d9cf1326258c62d1f2092581212305a71d986ccdee6bf11170ca8.webp","90017d79725d9cf1326258c62d1f2092581212305a71d986ccdee6bf11170ca8","/templates/assets/dune-form/dune-approach-01.webp",60534,"template-catalog/media/68fb6731f72844bedbcc36cf727e2d96071674a71cec1b5be70624b671c633ca.webp","https://pcx-assets.trylexsis.com/template-catalog/media/68fb6731f72844bedbcc36cf727e2d96071674a71cec1b5be70624b671c633ca.webp","68fb6731f72844bedbcc36cf727e2d96071674a71cec1b5be70624b671c633ca","/templates/assets/dune-form/dune-solution-01.webp",78112,"template-catalog/media/2fbc6a1ababea165fd9821ac65e6ac0e9ee151aa3a9e205a5d55843b39113053.webp","https://pcx-assets.trylexsis.com/template-catalog/media/2fbc6a1ababea165fd9821ac65e6ac0e9ee151aa3a9e205a5d55843b39113053.webp","2fbc6a1ababea165fd9821ac65e6ac0e9ee151aa3a9e205a5d55843b39113053","/templates/assets/dune-form/dune-detail.webp",72956,"template-catalog/media/2436ec1d4616802164590b3fe33b39ac7dc0dad65d506f62c351f445777e67c5.webp","https://pcx-assets.trylexsis.com/template-catalog/media/2436ec1d4616802164590b3fe33b39ac7dc0dad65d506f62c351f445777e67c5.webp","2436ec1d4616802164590b3fe33b39ac7dc0dad65d506f62c351f445777e67c5","/templates/assets/dune-form/dune-solution-04.webp",58854,"template-catalog/media/1a992e0a5f98ec5c2df7095c8757807a0ddd62d1c2ec3de2e594e6044596831e.webp","https://pcx-assets.trylexsis.com/template-catalog/media/1a992e0a5f98ec5c2df7095c8757807a0ddd62d1c2ec3de2e594e6044596831e.webp","1a992e0a5f98ec5c2df7095c8757807a0ddd62d1c2ec3de2e594e6044596831e","/templates/assets/dune-form/dune-approach-03.webp",70738,"template-catalog/media/0d0745a6e61564e7f92f363e981bea97ad31e132b04fca067264acb239cee394.webp","https://pcx-assets.trylexsis.com/template-catalog/media/0d0745a6e61564e7f92f363e981bea97ad31e132b04fca067264acb239cee394.webp","0d0745a6e61564e7f92f363e981bea97ad31e132b04fca067264acb239cee394","/templates/assets/dune-form/dune-statement.webp",58966,"template-catalog/media/0b6674dbd68c0d9db677c8e0a5187fc53369a3db1feee9b146b6afc05e828a18.webp","https://pcx-assets.trylexsis.com/template-catalog/media/0b6674dbd68c0d9db677c8e0a5187fc53369a3db1feee9b146b6afc05e828a18.webp","0b6674dbd68c0d9db677c8e0a5187fc53369a3db1feee9b146b6afc05e828a18","/templates/assets/dune-form/dune-solution-02.webp",79756,"template-catalog/media/091ff8da02e3d82050ef95ea377162d857659c2ed958d8386eac8b7c9b5f3c66.webp","https://pcx-assets.trylexsis.com/template-catalog/media/091ff8da02e3d82050ef95ea377162d857659c2ed958d8386eac8b7c9b5f3c66.webp","091ff8da02e3d82050ef95ea377162d857659c2ed958d8386eac8b7c9b5f3c66","/templates/assets/dune-form/dune-solution-03.webp",39124,[],"warnings",[],[],"visibility","global","status","published",[70],"page_types",[189],[70,71,27,72,73],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","homepage"]