{"product_id":"delverique™-index-mechanical-detent-dial-toy","title":"Delverique™ Index Mechanical Detent Dial Toy","description":"\u003cstyle\u003e\n  .dv-index {\n    --black:#101010;\n    --dark:#171717;\n    --gray:#6d6d6d;\n    --light:#f5f5f2;\n    --line:#e5e5e1;\n    --orange:#ff5a00;\n    --white:#ffffff;\n\n    max-width:1000px;\n    margin:0 auto;\n    font-family:Arial,Helvetica,sans-serif;\n    color:var(--black);\n    line-height:1.55;\n    overflow:hidden;\n  }\n\n  .dv-index * {\n    box-sizing:border-box;\n  }\n\n  .dv-index img {\n    display:block;\n    width:100%;\n    height:auto;\n  }\n\n  .dv-section {\n    padding:68px 24px;\n  }\n\n  .dv-eyebrow {\n    margin:0 0 13px;\n    font-size:12px;\n    letter-spacing:2.8px;\n    text-transform:uppercase;\n    color:#777;\n  }\n\n  .dv-title {\n    margin:0;\n    font-size:clamp(44px,8vw,82px);\n    line-height:.93;\n    letter-spacing:-3.5px;\n    font-weight:700;\n  }\n\n  .dv-orange {\n    color:var(--orange);\n  }\n\n  .dv-subtitle {\n    max-width:710px;\n    margin:24px 0 0;\n    color:var(--gray);\n    font-size:18px;\n  }\n\n  \/* PILLS *\/\n  .dv-pills {\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    margin-top:30px;\n  }\n\n  .dv-pill {\n    padding:9px 15px;\n    border:1px solid var(--line);\n    border-radius:999px;\n    background:#fff;\n    font-size:13px;\n  }\n\n  \/* TICKER *\/\n  .dv-ticker {\n    overflow:hidden;\n    border-top:1px solid var(--line);\n    border-bottom:1px solid var(--line);\n    background:#fafafa;\n  }\n\n  .dv-ticker-track {\n    display:flex;\n    width:max-content;\n    animation:indexTicker 20s linear infinite;\n  }\n\n  .dv-ticker-track span {\n    padding:16px 18px;\n    white-space:nowrap;\n    font-size:12px;\n    letter-spacing:2.2px;\n  }\n\n  .dv-dot {\n    color:var(--orange);\n  }\n\n  @keyframes indexTicker {\n    from {\n      transform:translateX(0);\n    }\n    to {\n      transform:translateX(-50%);\n    }\n  }\n\n  \/* IMAGE *\/\n  .dv-image {\n    overflow:hidden;\n    border-radius:22px;\n    background:#eee;\n  }\n\n  .dv-image img {\n    transition:transform .7s ease;\n  }\n\n  .dv-image:hover img {\n    transform:scale(1.018);\n  }\n\n  \/* BIG TYPE *\/\n  .dv-big {\n    margin:0 0 22px;\n    font-size:clamp(36px,6vw,66px);\n    line-height:.98;\n    letter-spacing:-2px;\n  }\n\n  \/* BENTO *\/\n  .dv-bento {\n    display:grid;\n    grid-template-columns:1.12fr .88fr;\n    gap:12px;\n    margin-top:36px;\n  }\n\n  .dv-card {\n    min-height:215px;\n    padding:28px;\n    border-radius:20px;\n    background:var(--light);\n    transition:\n      transform .25s ease,\n      box-shadow .25s ease;\n  }\n\n  .dv-card:hover {\n    transform:translateY(-4px);\n    box-shadow:0 15px 38px rgba(0,0,0,.07);\n  }\n\n  .dv-card-dark {\n    background:var(--black);\n    color:#fff;\n  }\n\n  .dv-card-orange {\n    background:var(--orange);\n    color:#fff;\n  }\n\n  .dv-num {\n    font-size:11px;\n    letter-spacing:2px;\n    opacity:.65;\n  }\n\n  .dv-card h3 {\n    margin:36px 0 9px;\n    font-size:25px;\n    line-height:1.05;\n  }\n\n  .dv-card p {\n    margin:0;\n    font-size:15px;\n    opacity:.75;\n  }\n\n  \/* STATEMENT *\/\n  .dv-statement {\n    padding:80px 24px;\n    background:#0e0e0e;\n    color:#fff;\n    text-align:center;\n  }\n\n  .dv-statement p {\n    max-width:820px;\n    margin:0 auto;\n    font-size:clamp(34px,5vw,61px);\n    line-height:1.04;\n    letter-spacing:-1.8px;\n  }\n\n  .dv-statement small {\n    display:block;\n    margin-top:27px;\n    color:#888;\n    font-size:11px;\n    letter-spacing:2.4px;\n  }\n\n  \/* INTERACTIVE DIAL *\/\n  .dv-dial-demo {\n    position:relative;\n    height:390px;\n    margin-top:36px;\n    overflow:hidden;\n    border-radius:24px;\n    background:#111;\n  }\n\n  .dv-dial-base {\n    position:absolute;\n    width:260px;\n    height:260px;\n    left:50%;\n    top:54%;\n    transform:translate(-50%,-50%);\n    border-radius:42px;\n    background:\n      linear-gradient(145deg,#5b5b5b,#282828);\n    box-shadow:\n      inset 0 0 0 2px #666,\n      0 20px 50px rgba(0,0,0,.4);\n  }\n\n  .dv-dial-ring {\n    position:absolute;\n    width:205px;\n    height:205px;\n    left:50%;\n    top:54%;\n    transform:translate(-50%,-50%);\n    border-radius:50%;\n    border:18px solid #222;\n    box-shadow:inset 0 0 0 2px #666;\n  }\n\n  .dv-dial-knob {\n    position:absolute;\n    width:150px;\n    height:150px;\n    left:50%;\n    top:54%;\n    margin-left:-75px;\n    margin-top:-75px;\n    border-radius:50%;\n\n    background:\n      radial-gradient(\n        circle at 35% 28%,\n        #f1f1f1 0%,\n        #999 20%,\n        #4f4f4f 55%,\n        #242424 100%\n      );\n\n    border:8px solid #1c1c1c;\n\n    animation:indexTurn 3.8s steps(12,end) infinite;\n  }\n\n  .dv-dial-knob:after {\n    content:\"\";\n    position:absolute;\n    width:8px;\n    height:26px;\n    left:50%;\n    top:8px;\n    margin-left:-4px;\n    border-radius:4px;\n    background:var(--orange);\n  }\n\n  .dv-index-marker {\n    position:absolute;\n    left:50%;\n    top:58px;\n    width:12px;\n    height:42px;\n    margin-left:-6px;\n    border-radius:6px;\n    background:var(--orange);\n  }\n\n  .dv-click-ring {\n    position:absolute;\n    width:235px;\n    height:235px;\n    left:50%;\n    top:54%;\n    transform:translate(-50%,-50%);\n    border-radius:50%;\n    border:2px dashed rgba(255,255,255,.3);\n  }\n\n  .dv-demo-copy {\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:20px;\n    text-align:center;\n    color:#999;\n    font-size:11px;\n    letter-spacing:2px;\n  }\n\n  .dv-demo-copy strong {\n    color:var(--orange);\n  }\n\n  @keyframes indexTurn {\n    from {\n      transform:rotate(0deg);\n    }\n    to {\n      transform:rotate(360deg);\n    }\n  }\n\n  \/* STEPS *\/\n  .dv-steps {\n    margin-top:36px;\n  }\n\n  .dv-step {\n    display:grid;\n    grid-template-columns:52px 1fr;\n    gap:14px;\n    padding:22px 0;\n    border-bottom:1px solid var(--line);\n  }\n\n  .dv-step-num {\n    width:39px;\n    height:39px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:var(--orange);\n    color:#fff;\n    font-weight:700;\n  }\n\n  .dv-step h4 {\n    margin:0 0 5px;\n    font-size:18px;\n  }\n\n  .dv-step p {\n    margin:0;\n    color:var(--gray);\n    font-size:15px;\n  }\n\n  \/* PRINCIPLE *\/\n  .dv-principle {\n    margin-top:36px;\n    padding:32px;\n    border-radius:22px;\n    background:#111;\n    color:#fff;\n  }\n\n  .dv-principle-label {\n    margin-bottom:13px;\n    color:var(--orange);\n    font-size:11px;\n    letter-spacing:2px;\n  }\n\n  .dv-principle h3 {\n    margin:0 0 12px;\n    font-size:30px;\n  }\n\n  .dv-principle p {\n    max-width:720px;\n    margin:0;\n    color:#c6c6c6;\n    font-size:15px;\n  }\n\n  .dv-flow {\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n    margin-top:25px;\n    padding-top:22px;\n    border-top:1px solid #333;\n  }\n\n  .dv-flow span {\n    padding:8px 12px;\n    border:1px solid #444;\n    border-radius:999px;\n    font-size:12px;\n  }\n\n  \/* FEATURE CARDS *\/\n  .dv-three {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:12px;\n    margin-top:30px;\n  }\n\n  .dv-mini {\n    padding:23px;\n    border:1px solid var(--line);\n    border-radius:18px;\n    background:#fff;\n  }\n\n  .dv-mini strong {\n    display:block;\n    margin-bottom:6px;\n  }\n\n  .dv-mini span {\n    color:var(--gray);\n    font-size:14px;\n  }\n\n  \/* MODES *\/\n  .dv-modes {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:12px;\n    margin-top:30px;\n  }\n\n  .dv-mode {\n    padding:25px;\n    border-radius:18px;\n    border:1px solid var(--line);\n    background:var(--light);\n    transition:transform .25s ease;\n  }\n\n  .dv-mode:hover {\n    transform:translateY(-4px);\n  }\n\n  .dv-mode-tag {\n    margin-bottom:30px;\n    color:var(--orange);\n    font-size:11px;\n    letter-spacing:2px;\n  }\n\n  .dv-mode h3 {\n    margin:0 0 7px;\n    font-size:21px;\n  }\n\n  .dv-mode p {\n    margin:0;\n    color:var(--gray);\n    font-size:14px;\n  }\n\n  \/* USE *\/\n  .dv-use-grid {\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:10px;\n    margin-top:30px;\n  }\n\n  .dv-use {\n    padding:23px 14px;\n    border:1px solid var(--line);\n    border-radius:17px;\n    background:#fff;\n    text-align:center;\n  }\n\n  .dv-use-icon {\n    margin-bottom:10px;\n    font-size:25px;\n  }\n\n  .dv-use strong {\n    display:block;\n    font-size:14px;\n  }\n\n  .dv-use span {\n    display:block;\n    margin-top:3px;\n    color:#777;\n    font-size:12px;\n  }\n\n  \/* SPECS *\/\n  .dv-specs {\n    margin-top:30px;\n    padding:28px;\n    border-radius:20px;\n    background:var(--light);\n  }\n\n  .dv-spec {\n    display:flex;\n    justify-content:space-between;\n    gap:20px;\n    padding:14px 0;\n    border-bottom:1px solid #ddd;\n    font-size:14px;\n  }\n\n  .dv-spec:last-child {\n    border-bottom:none;\n  }\n\n  .dv-spec span:last-child {\n    color:#666;\n    text-align:right;\n  }\n\n  \/* FAQ *\/\n  .dv-faq {\n    margin-top:30px;\n    border-top:1px solid var(--line);\n  }\n\n  .dv-faq details {\n    border-bottom:1px solid var(--line);\n  }\n\n  .dv-faq summary {\n    position:relative;\n    padding:22px 42px 22px 2px;\n    list-style:none;\n    cursor:pointer;\n    font-size:17px;\n    font-weight:600;\n  }\n\n  .dv-faq summary::-webkit-details-marker {\n    display:none;\n  }\n\n  .dv-faq summary:after {\n    content:\"+\";\n    position:absolute;\n    top:16px;\n    right:5px;\n    font-size:28px;\n    font-weight:300;\n  }\n\n  .dv-faq details[open] summary:after {\n    content:\"−\";\n  }\n\n  .dv-faq details p {\n    margin:0;\n    padding:0 38px 23px 2px;\n    color:var(--gray);\n    font-size:15px;\n  }\n\n  \/* BRAND *\/\n  .dv-brand {\n    padding:80px 24px;\n    background:#0d0d0d;\n    color:#fff;\n  }\n\n  .dv-brand-inner {\n    max-width:760px;\n    margin:auto;\n  }\n\n  .dv-brand h2 {\n    margin:0 0 26px;\n    font-size:clamp(40px,6vw,68px);\n    line-height:.98;\n    letter-spacing:-2px;\n  }\n\n  .dv-brand p {\n    max-width:650px;\n    color:#c6c6c6;\n    font-size:17px;\n  }\n\n  .dv-tagline {\n    margin-top:42px;\n    padding-top:29px;\n    border-top:1px solid #333;\n    font-size:20px;\n    font-style:italic;\n  }\n\n  @media(max-width:700px) {\n\n    .dv-section {\n      padding:50px 18px;\n    }\n\n    .dv-bento,\n    .dv-three,\n    .dv-modes {\n      grid-template-columns:1fr;\n    }\n\n    .dv-use-grid {\n      grid-template-columns:repeat(2,1fr);\n    }\n\n    .dv-dial-demo {\n      height:330px;\n    }\n\n    .dv-dial-base {\n      width:220px;\n      height:220px;\n    }\n\n    .dv-dial-ring {\n      width:175px;\n      height:175px;\n    }\n\n    .dv-click-ring {\n      width:195px;\n      height:195px;\n    }\n\n    .dv-dial-knob {\n      width:126px;\n      height:126px;\n      margin-left:-63px;\n      margin-top:-63px;\n    }\n\n    .dv-spec {\n      font-size:13px;\n    }\n  }\n\n  @media(prefers-reduced-motion:reduce) {\n\n    .dv-ticker-track,\n    .dv-dial-knob {\n      animation:none;\n    }\n\n    .dv-card,\n    .dv-mode,\n    .dv-image img {\n      transition:none;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"dv-index\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"dv-section\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      DELVERIQUE™ \/ OBJECT 012\n    \u003c\/p\u003e\n\n    \u003ch1 class=\"dv-title\"\u003e\n      Meet\u003cbr\u003e\n      \u003cspan class=\"dv-orange\"\u003e\n        Index.\n      \u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"dv-subtitle\"\u003e\n      A mechanical detent dial built around precise rotation.\n      Turn the dial one position at a time,\n      feel each mechanical click,\n      and keep moving at your own pace.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"dv-pills\"\u003e\n\n      \u003cspan class=\"dv-pill\"\u003e\n        Mechanical Detents\n      \u003c\/span\u003e\n\n      \u003cspan class=\"dv-pill\"\u003e\n        Knurled Grip Ring\n      \u003c\/span\u003e\n\n      \u003cspan class=\"dv-pill\"\u003e\n        Indexed Rotation\n      \u003c\/span\u003e\n\n      \u003cspan class=\"dv-pill\"\u003e\n        No Batteries\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- TICKER --\u003e\n  \u003cdiv class=\"dv-ticker\"\u003e\n\n    \u003cdiv class=\"dv-ticker-track\"\u003e\n\n      \u003cspan\u003e\n        TURN \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        CLICK \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        INDEX \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        FEEL \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        REPEAT \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n\n      \u003cspan\u003e\n        TURN \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        CLICK \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        INDEX \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        FEEL \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n      \u003cspan\u003e\n        REPEAT \u003cb class=\"dv-dot\"\u003e●\u003c\/b\u003e\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- IMAGE 01 --\u003e\n  \u003cdiv class=\"dv-image\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0846\/2457\/2645\/files\/ChatGPT_Image_Sep_18_2026_05_56_24_PM_6.png?v=1789725472\" alt=\"Delverique™ Index mechanical detent dial product features\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection class=\"dv-section\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      EVERY POSITION HAS A FEEL\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"dv-big\"\u003e\n      Turn the dial.\u003cbr\u003e\n      \u003cspan class=\"dv-orange\"\u003e\n        Feel every click.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"dv-subtitle\"\u003e\n      Index replaces empty rotation with deliberate feedback.\n      Each mechanical position gives your fingers\n      a distinct beginning, middle and end.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"dv-bento\"\u003e\n\n      \u003cdiv class=\"dv-card dv-card-dark\"\u003e\n\n        \u003cdiv class=\"dv-num\"\u003e\n          01 \/ GRIP\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Texture where it matters.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A finely knurled outer ring gives your fingers\n          a secure surface for controlled rotation.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-card\"\u003e\n\n        \u003cdiv class=\"dv-num\"\u003e\n          02 \/ TURN\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Move one position.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Rotate slowly or continuously\n          in either direction.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-card\"\u003e\n\n        \u003cdiv class=\"dv-num\"\u003e\n          03 \/ CLICK\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Feel the mechanism engage.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Each indexed position produces\n          a crisp mechanical detent.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-card dv-card-orange\"\u003e\n\n        \u003cdiv class=\"dv-num\"\u003e\n          04 \/ REPEAT\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          One click.\u003cbr\u003e\n          Then another.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          There is no destination.\n          The interaction is the point.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- STATEMENT --\u003e\n  \u003cdiv class=\"dv-statement\"\u003e\n\n    \u003cp\u003e\n      Smooth enough to turn.\u003cbr\u003e\n      Defined enough to\n      \u003cspan class=\"dv-orange\"\u003e\n        feel every step.\n      \u003c\/span\u003e\n    \u003c\/p\u003e\n\n    \u003csmall\u003e\n      ROTATION \/ DETENT \/ FEEDBACK\n    \u003c\/small\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTERACTIVE DIAL --\u003e\n  \u003csection class=\"dv-section\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      SEE THE RHYTHM\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"dv-big\"\u003e\n      Not just rotation.\u003cbr\u003e\n      \u003cspan class=\"dv-orange\"\u003e\n        Indexed rotation.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"dv-dial-demo\"\u003e\n\n      \u003cdiv class=\"dv-dial-base\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"dv-click-ring\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"dv-dial-ring\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"dv-dial-knob\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"dv-index-marker\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"dv-demo-copy\"\u003e\n        \u003cstrong\u003eTURN\u003c\/strong\u003e\n        → CLICK → INDEX → REPEAT\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- IMAGE 02 --\u003e\n  \u003cdiv class=\"dv-image\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0846\/2457\/2645\/files\/ChatGPT_Image_Sep_18_2026_05_56_24_PM_7.png?v=1789725469\" alt=\"How Delverique™ Index mechanical detent dial works\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- HOW IT WORKS --\u003e\n  \u003csection class=\"dv-section\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      TURN \/ FEEL \/ INDEX \/ REPEAT\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"dv-big\"\u003e\n      Simple outside.\u003cbr\u003e\n      \u003cspan class=\"dv-orange\"\u003e\n        Precise inside.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"dv-steps\"\u003e\n\n      \u003cdiv class=\"dv-step\"\u003e\n\n        \u003cdiv class=\"dv-step-num\"\u003e\n          1\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch4\u003e\n            Place your fingers on the ring.\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Use the knurled edge for grip\n            and natural fingertip control.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-step\"\u003e\n\n        \u003cdiv class=\"dv-step-num\"\u003e\n          2\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch4\u003e\n            Begin turning.\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Rotate clockwise or counterclockwise\n            at whatever pace feels natural.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-step\"\u003e\n\n        \u003cdiv class=\"dv-step-num\"\u003e\n          3\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch4\u003e\n            Feel each detent.\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            The internal mechanism engages\n            at each indexed position.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-step\"\u003e\n\n        \u003cdiv class=\"dv-step-num\"\u003e\n          ∞\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n\n          \u003ch4\u003e\n            Keep turning.\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Move one click at a time\n            or create your own repeating rhythm.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PRINCIPLE --\u003e\n    \u003cdiv class=\"dv-principle\"\u003e\n\n      \u003cdiv class=\"dv-principle-label\"\u003e\n        THE MECHANICAL PRINCIPLE\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        A spring-loaded detent creates each click.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Inside Index, a spring applies pressure\n        to a precision detent element.\n        As the dial rotates, that element moves\n        between indexed positions.\n        Each time it settles into the next position,\n        you feel the mechanical click.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"dv-flow\"\u003e\n\n        \u003cspan\u003e\n          Finger Rotation\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          →\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Detent Movement\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          →\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Spring Pressure\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          →\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Tactile Click\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dv-three\"\u003e\n\n      \u003cdiv class=\"dv-mini\"\u003e\n\n        \u003cstrong\u003e\n          Mechanical Detents\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Distinct indexed positions create\n          clear tactile feedback.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-mini\"\u003e\n\n        \u003cstrong\u003e\n          Knurled Grip\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Fine texture gives your fingers\n          precise control over every turn.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-mini\"\u003e\n\n        \u003cstrong\u003e\n          Weighted Metal Body\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          A solid base keeps Index stable\n          during desktop use.\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- MODES --\u003e\n  \u003csection class=\"dv-section\" style=\"padding-top:15px;\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      ONE DIAL \/ DIFFERENT RHYTHMS\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"dv-big\"\u003e\n      Turn it\u003cbr\u003e\n      \u003cspan class=\"dv-orange\"\u003e\n        your way.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"dv-modes\"\u003e\n\n      \u003cdiv class=\"dv-mode\"\u003e\n\n        \u003cdiv class=\"dv-mode-tag\"\u003e\n          MODE 01\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Single Click\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Move exactly one detent at a time\n          and focus on each individual position.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-mode\"\u003e\n\n        \u003cdiv class=\"dv-mode-tag\"\u003e\n          MODE 02\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Slow Sweep\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Rotate continuously\n          and feel each click pass beneath your fingers.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-mode\"\u003e\n\n        \u003cdiv class=\"dv-mode-tag\"\u003e\n          MODE 03\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Back \u0026amp; Forth\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Reverse direction whenever you want\n          and build a repeating tactile rhythm.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- STATEMENT --\u003e\n  \u003cdiv class=\"dv-statement\"\u003e\n\n    \u003cp\u003e\n      No screen.\u003cbr\u003e\n      No score.\u003cbr\u003e\n      Just\n      \u003cspan class=\"dv-orange\"\u003e\n        one more click.\n      \u003c\/span\u003e\n    \u003c\/p\u003e\n\n    \u003csmall\u003e\n      TURN \/ CLICK \/ REPEAT\n    \u003c\/small\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- IMAGE 03 --\u003e\n  \u003cdiv class=\"dv-image\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0846\/2457\/2645\/files\/ChatGPT_Image_Sep_18_2026_05_56_25_PM_8.png?v=1789725470\" alt=\"Delverique™ Index everyday use specifications and brand philosophy\" loading=\"lazy\"\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- EVERYDAY USE --\u003e\n  \u003csection class=\"dv-section\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      MADE TO STAY WITHIN REACH\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"dv-big\"\u003e\n      Small dial.\u003cbr\u003e\n      \u003cspan class=\"dv-orange\"\u003e\n        Serious presence.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"dv-subtitle\"\u003e\n      Index is designed to work as a tactile object\n      when your hands want something to do\n      and as a refined desk object when they don't.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"dv-use-grid\"\u003e\n\n      \u003cdiv class=\"dv-use\"\u003e\n\n        \u003cdiv class=\"dv-use-icon\"\u003e\n          ◌\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Desk\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Between tasks\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-use\"\u003e\n\n        \u003cdiv class=\"dv-use-icon\"\u003e\n          ◎\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Thinking\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Keep hands engaged\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-use\"\u003e\n\n        \u003cdiv class=\"dv-use-icon\"\u003e\n          ↗\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Commute\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Bring it along\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-use\"\u003e\n\n        \u003cdiv class=\"dv-use-icon\"\u003e\n          ◇\n        \u003c\/div\u003e\n\n        \u003cstrong\u003e\n          Display\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Modern mechanical object\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- SPECS --\u003e\n  \u003csection class=\"dv-section\" style=\"padding-top:15px;\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      OBJECT 012 \/ DETAILS\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"dv-big\"\u003e\n      Designed for\u003cbr\u003e\n      \u003cspan class=\"dv-orange\"\u003e\n        the fingertips.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"dv-specs\"\u003e\n\n      \u003cdiv class=\"dv-spec\"\u003e\n\n        \u003cspan\u003e\n          \u003cstrong\u003eProduct\u003c\/strong\u003e\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Delverique™ Index Mechanical Detent Dial Toy\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-spec\"\u003e\n\n        \u003cspan\u003e\n          \u003cstrong\u003eInteraction\u003c\/strong\u003e\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Turn \/ Click \/ Index \/ Repeat\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-spec\"\u003e\n\n        \u003cspan\u003e\n          \u003cstrong\u003eMechanism\u003c\/strong\u003e\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Spring-Loaded Mechanical Detent\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-spec\"\u003e\n\n        \u003cspan\u003e\n          \u003cstrong\u003eDial\u003c\/strong\u003e\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          Precision Knurled Metal Ring\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-spec\"\u003e\n\n        \u003cspan\u003e\n          \u003cstrong\u003eApprox. Size\u003c\/strong\u003e\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          60 × 60 × 24 mm\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-spec\"\u003e\n\n        \u003cspan\u003e\n          \u003cstrong\u003eApprox. Weight\u003c\/strong\u003e\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          180 g \/ 6.3 oz\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dv-spec\"\u003e\n\n        \u003cspan\u003e\n          \u003cstrong\u003ePower\u003c\/strong\u003e\n        \u003c\/span\u003e\n\n        \u003cspan\u003e\n          None Required\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FAQ --\u003e\n  \u003csection class=\"dv-section\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      TAP TO EXPLORE\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"dv-big\"\u003e\n      Still curious?\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"dv-faq\"\u003e\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          What exactly is Index?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          Index is a mechanical rotary play object\n          with defined detent positions.\n          Each time you turn the dial into the next position,\n          the internal mechanism creates tactile feedback.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Does the dial spin freely?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          No. Index is intentionally designed\n          around defined mechanical positions\n          rather than completely free rotation.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Can it turn both directions?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          Yes. The dial can be rotated clockwise\n          or counterclockwise so you can create\n          your own tactile rhythm.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Does it require batteries?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          No. Index is completely mechanical\n          and requires no battery,\n          charging cable, motor or app.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          Is Index a functional control dial?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          Index is designed as a tactile mechanical play object.\n          It is not an electronic volume controller\n          or computer input device.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          How is Index different from Pulse?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          Pulse explores vertical compression\n          and spring rebound.\n          Index explores rotary movement,\n          indexed positions and tactile detents.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n\n      \u003cdetails\u003e\n\n        \u003csummary\u003e\n          How does Index fit the Delverique™ collection?\n        \u003c\/summary\u003e\n\n        \u003cp\u003e\n          Each Delverique™ object explores\n          a different physical interaction.\n          Loop flips, Shift slides, Drop falls,\n          Orbit rolls, Stack balances,\n          Snap reconnects, Ripple creates waves,\n          Balance explores equilibrium,\n          Helix spirals, Pulse compresses,\n          Arc tilts and rolls,\n          and Index explores rotary detent feedback.\n        \u003c\/p\u003e\n\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- BRAND --\u003e\n  \u003csection class=\"dv-brand\"\u003e\n\n    \u003cdiv class=\"dv-brand-inner\"\u003e\n\n      \u003cp class=\"dv-eyebrow\" style=\"color:#777;\"\u003e\n        DELVERIQUE™\n      \u003c\/p\u003e\n\n      \u003ch2\u003e\n        Play isn't childish.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        We believe curiosity does not disappear\n        when we grow up.\n        We simply expect more from the objects\n        we choose to touch every day.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Delverique™ creates modern physical play objects\n        built around simple actions —\n        turning, pressing, balancing,\n        sliding, rolling and moving.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Less scrolling.\n        More touching.\n        More noticing.\n        More interaction with something real.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"dv-tagline\"\u003e\n        Toys for your hands, not your age.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL --\u003e\n  \u003csection class=\"dv-section\" style=\"text-align:center;\"\u003e\n\n    \u003cp class=\"dv-eyebrow\"\u003e\n      OBJECT 012\n    \u003c\/p\u003e\n\n    \u003ch2 style=\"\n        margin:0 0 16px;\n        font-size:clamp(40px,6vw,68px);\n        line-height:1;\n        letter-spacing:-2px;\n      \"\u003e\n      Delverique™ Index\n    \u003c\/h2\u003e\n\n    \u003cp style=\"\n        margin:0;\n        color:#777;\n      \"\u003e\n      Turn. Click. Repeat.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Delverique™","offers":[{"title":"Default Title","offer_id":52899512418533,"sku":"Delverique012*1","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0846\/2457\/2645\/files\/ChatGPT_Image_Sep_18_2026_05_56_23_PM_2.png?v=1789725469","url":"https:\/\/delverique.com\/products\/delverique%e2%84%a2-index-mechanical-detent-dial-toy","provider":"Delverique™","version":"1.0","type":"link"}