{"product_id":"yokoramiay-deskkey-4-port-usb-c-hub","title":"𝚈𝚘𝚔𝚘𝚛𝚊𝚖𝚒𝚊𝚢™ DeskKey 4-Port USB-C Hub","description":"\u003cstyle\u003e\n  .yoko-deskkey,\n  .yoko-deskkey * {\n    box-sizing: border-box;\n  }\n\n  .yoko-deskkey {\n    --navy: #07192b;\n    --navy-2: #102e4d;\n    --navy-3: #173f66;\n    --black: #0b0d11;\n\n    --gold: #e4a85e;\n    --gold-light: #f3c57d;\n    --gold-deep: #b7752e;\n\n    --white: #ffffff;\n    --soft-text: #bec8d1;\n    --muted-text: #91a2b0;\n\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 28px 18px 56px;\n\n    background: #071827;\n    color: #ffffff;\n\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .yoko-deskkey img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n\n  \/* ==========================================\n     HERO\n  ========================================== *\/\n\n  .dk-hero {\n    position: relative;\n    overflow: hidden;\n\n    padding: 54px 36px 35px;\n\n    background:\n      radial-gradient(\n        circle at 7% 42%,\n        rgba(228,168,94,.35),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 91% 8%,\n        rgba(66,130,190,.28),\n        transparent 34%\n      ),\n      linear-gradient(\n        135deg,\n        #071725 0%,\n        #102e4d 55%,\n        #061727 100%\n      );\n\n    border: 1px solid rgba(228,168,94,.25);\n    border-radius: 28px;\n  }\n\n  .dk-eyebrow {\n    margin-bottom: 13px;\n\n    color: var(--gold-light);\n\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.8px;\n    text-transform: uppercase;\n  }\n\n  .dk-title {\n    max-width: 920px;\n    margin: 0;\n\n    color: #fff;\n\n    font-size: clamp(35px, 5.7vw, 68px);\n    line-height: 1.02;\n    letter-spacing: -2.5px;\n    font-weight: 700;\n  }\n\n  .dk-title span {\n    color: var(--gold-light);\n  }\n\n  .dk-subtitle {\n    max-width: 700px;\n    margin: 22px 0 0;\n\n    color: #d5dde4;\n\n    font-size: 18px;\n    line-height: 1.72;\n  }\n\n  .dk-line {\n    width: 72px;\n    height: 3px;\n\n    margin-top: 28px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--gold-deep),\n        var(--gold-light)\n      );\n\n    border-radius: 20px;\n  }\n\n  .dk-hero-image {\n    margin-top: 40px;\n    overflow: hidden;\n\n    background: var(--navy);\n\n    border: 1px solid rgba(228,168,94,.28);\n    border-radius: 22px;\n  }\n\n\n  \/* ==========================================\n     INTRO\n  ========================================== *\/\n\n  .dk-intro {\n    max-width: 850px;\n    margin: 74px auto 58px;\n\n    text-align: center;\n  }\n\n  .dk-label {\n    margin-bottom: 13px;\n\n    color: var(--gold);\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2.8px;\n    text-transform: uppercase;\n  }\n\n  .dk-heading {\n    margin: 0;\n\n    color: #fff;\n\n    font-size: clamp(30px, 4.4vw, 47px);\n    line-height: 1.1;\n    letter-spacing: -1.4px;\n  }\n\n  .dk-heading span {\n    color: var(--gold-light);\n  }\n\n  .dk-intro p {\n    max-width: 750px;\n    margin: 21px auto 0;\n\n    color: var(--soft-text);\n\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n\n  \/* ==========================================\n     FEATURES\n  ========================================== *\/\n\n  .dk-features {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n\n    margin-bottom: 78px;\n  }\n\n  .dk-feature {\n    min-height: 195px;\n    padding: 25px 22px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(21,54,85,.97),\n        rgba(6,24,41,.97)\n      );\n\n    border: 1px solid rgba(228,168,94,.30);\n    border-radius: 18px;\n  }\n\n  .dk-feature-number {\n    width: 40px;\n    height: 40px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 22px;\n\n    color: var(--gold-light);\n    background: rgba(228,168,94,.08);\n\n    border: 1px solid rgba(228,168,94,.55);\n    border-radius: 50%;\n\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .dk-feature h3 {\n    margin: 0 0 10px;\n\n    color: #fff;\n\n    font-size: 17px;\n    line-height: 1.3;\n  }\n\n  .dk-feature p {\n    margin: 0;\n\n    color: #b3c0cb;\n\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n\n  \/* ==========================================\n     SHOWCASE\n  ========================================== *\/\n\n  .dk-showcase {\n    display: grid;\n    grid-template-columns: 1.08fr .92fr;\n    gap: 48px;\n    align-items: center;\n\n    margin-bottom: 84px;\n  }\n\n  .dk-showcase.reverse {\n    grid-template-columns: .92fr 1.08fr;\n  }\n\n  .dk-showcase.reverse .dk-image {\n    order: 2;\n  }\n\n  .dk-showcase.reverse .dk-text {\n    order: 1;\n  }\n\n  .dk-image {\n    overflow: hidden;\n\n    background: #071a2b;\n\n    border: 1px solid rgba(228,168,94,.30);\n    border-radius: 23px;\n\n    box-shadow:\n      0 20px 50px rgba(0,0,0,.20);\n  }\n\n  .dk-text {\n    padding: 18px 5px;\n  }\n\n  .dk-small-line {\n    width: 52px;\n    height: 2px;\n\n    margin: 0 0 21px;\n\n    background: var(--gold);\n  }\n\n  .dk-text h2 {\n    margin: 0 0 18px;\n\n    color: #fff;\n\n    font-size: clamp(28px, 4.1vw, 44px);\n    line-height: 1.1;\n    letter-spacing: -1.3px;\n  }\n\n  .dk-text h2 span {\n    color: var(--gold-light);\n  }\n\n  .dk-text p {\n    margin: 0 0 20px;\n\n    color: #b8c4ce;\n\n    font-size: 15px;\n    line-height: 1.82;\n  }\n\n  .dk-list {\n    margin: 25px 0 0;\n    padding: 0;\n\n    list-style: none;\n  }\n\n  .dk-list li {\n    position: relative;\n\n    margin-bottom: 13px;\n    padding-left: 26px;\n\n    color: #e7ebee;\n\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .dk-list li::before {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    top: 8px;\n\n    width: 8px;\n    height: 8px;\n\n    background: var(--gold);\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 10px rgba(228,168,94,.35);\n  }\n\n\n  \/* ==========================================\n     SPECS\n  ========================================== *\/\n\n  .dk-spec-box {\n    margin: 0 0 82px;\n    padding: 40px 30px;\n\n    background:\n      radial-gradient(\n        circle at 15% 20%,\n        rgba(228,168,94,.13),\n        transparent 30%\n      ),\n      linear-gradient(\n        135deg,\n        #102b46,\n        #071827\n      );\n\n    border: 1px solid rgba(228,168,94,.30);\n    border-radius: 24px;\n  }\n\n  .dk-spec-head {\n    margin-bottom: 31px;\n\n    text-align: center;\n  }\n\n  .dk-spec-head h2 {\n    margin: 0;\n\n    color: #fff;\n\n    font-size: clamp(28px, 4vw, 42px);\n    letter-spacing: -1px;\n  }\n\n  .dk-spec-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n\n    overflow: hidden;\n\n    background: rgba(2,14,25,.45);\n\n    border: 1px solid rgba(228,168,94,.34);\n    border-radius: 17px;\n  }\n\n  .dk-spec {\n    padding: 27px 18px;\n\n    text-align: center;\n\n    border-right: 1px solid rgba(228,168,94,.25);\n  }\n\n  .dk-spec:last-child {\n    border-right: none;\n  }\n\n  .dk-spec strong {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--gold-light);\n\n    font-size: 15px;\n  }\n\n  .dk-spec span {\n    color: #d2d9df;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  \/* ==========================================\n     USE CASES\n  ========================================== *\/\n\n  .dk-use-section {\n    margin-bottom: 82px;\n\n    text-align: center;\n  }\n\n  .dk-use-section h2 {\n    margin: 0 0 32px;\n\n    color: #fff;\n\n    font-size: clamp(28px, 4vw, 43px);\n    line-height: 1.12;\n  }\n\n  .dk-use-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n  }\n\n  .dk-use-card {\n    padding: 30px 22px;\n\n    background:\n      linear-gradient(\n        145deg,\n        #0f2a45,\n        #081c30\n      );\n\n    border: 1px solid rgba(228,168,94,.25);\n    border-radius: 18px;\n  }\n\n  .dk-use-number {\n    width: 42px;\n    height: 42px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0 auto 18px;\n\n    color: var(--gold-light);\n\n    border: 1px solid rgba(228,168,94,.55);\n    border-radius: 50%;\n\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  .dk-use-card h3 {\n    margin: 0 0 10px;\n\n    color: #fff;\n\n    font-size: 17px;\n  }\n\n  .dk-use-card p {\n    margin: 0;\n\n    color: #afbdc8;\n\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n\n  \/* ==========================================\n     BRAND BAND\n  ========================================== *\/\n\n  .dk-band {\n    position: relative;\n    overflow: hidden;\n\n    margin-bottom: 78px;\n    padding: 52px 28px;\n\n    background:\n      radial-gradient(\n        circle at 10% 50%,\n        rgba(228,168,94,.22),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 90% 10%,\n        rgba(70,132,189,.23),\n        transparent 32%\n      ),\n      linear-gradient(\n        135deg,\n        #071827,\n        #123553\n      );\n\n    border: 1px solid rgba(228,168,94,.28);\n    border-radius: 26px;\n\n    text-align: center;\n  }\n\n  .dk-band h2 {\n    max-width: 750px;\n    margin: 0 auto;\n\n    color: #fff;\n\n    font-size: clamp(30px, 4.5vw, 49px);\n    line-height: 1.13;\n    letter-spacing: -1.5px;\n  }\n\n  .dk-band h2 span {\n    color: var(--gold-light);\n  }\n\n  .dk-band p {\n    max-width: 690px;\n    margin: 19px auto 0;\n\n    color: #c1cad2;\n\n    font-size: 15px;\n    line-height: 1.82;\n  }\n\n\n  \/* ==========================================\n     FINAL\n  ========================================== *\/\n\n  .dk-final {\n    padding: 54px 28px;\n\n    background:\n      linear-gradient(\n        145deg,\n        #102d4a,\n        #071928\n      );\n\n    border: 1px solid rgba(228,168,94,.32);\n    border-radius: 26px;\n\n    text-align: center;\n  }\n\n  .dk-final h2 {\n    max-width: 730px;\n    margin: 0 auto;\n\n    color: #fff;\n\n    font-size: clamp(30px, 4.6vw, 49px);\n    line-height: 1.12;\n    letter-spacing: -1.5px;\n  }\n\n  .dk-final h2 span {\n    color: var(--gold-light);\n  }\n\n  .dk-final p {\n    max-width: 670px;\n    margin: 18px auto 0;\n\n    color: #bdc8d1;\n\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  .dk-white-image {\n    max-width: 720px;\n    margin: 34px auto 0;\n\n    overflow: hidden;\n\n    background: #fff;\n\n    border-radius: 18px;\n  }\n\n\n  \/* ==========================================\n     NOTE\n  ========================================== *\/\n\n  .dk-note {\n    max-width: 850px;\n    margin: 32px auto 0;\n\n    color: #7f93a4;\n\n    font-size: 11px;\n    line-height: 1.7;\n    text-align: center;\n  }\n\n\n  \/* ==========================================\n     MOBILE\n  ========================================== *\/\n\n  @media (max-width: 860px) {\n\n    .yoko-deskkey {\n      padding: 16px 12px 38px;\n    }\n\n    .dk-hero {\n      padding: 38px 20px 20px;\n      border-radius: 20px;\n    }\n\n    .dk-title {\n      letter-spacing: -1.5px;\n    }\n\n    .dk-subtitle {\n      font-size: 16px;\n    }\n\n    .dk-features {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .dk-showcase,\n    .dk-showcase.reverse {\n      grid-template-columns: 1fr;\n      gap: 22px;\n\n      margin-bottom: 62px;\n    }\n\n    .dk-showcase.reverse .dk-image,\n    .dk-showcase.reverse .dk-text {\n      order: initial;\n    }\n\n    .dk-spec-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .dk-use-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n\n  @media (max-width: 520px) {\n\n    .dk-features {\n      grid-template-columns: 1fr;\n    }\n\n    .dk-feature {\n      min-height: auto;\n    }\n\n    .dk-spec-box {\n      padding: 32px 15px;\n    }\n\n    .dk-spec-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .dk-spec {\n      border-right: none;\n      border-bottom: 1px solid rgba(228,168,94,.25);\n    }\n\n    .dk-spec:last-child {\n      border-bottom: none;\n    }\n\n    .dk-band,\n    .dk-final {\n      padding: 40px 18px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"yoko-deskkey\"\u003e\n\n\n  \u003c!-- ==========================================\n       HERO \/ MAIN IMAGE\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-hero\"\u003e\n\n    \u003cdiv class=\"dk-eyebrow\"\u003e\n      𝚈𝚘𝚔𝚘𝚛𝚊𝚖𝚒𝚊𝚢™ · Desktop Connectivity\n    \u003c\/div\u003e\n\n    \u003ch1 class=\"dk-title\"\u003e\n      DeskKey\u003cbr\u003e\n      \u003cspan\u003e4-Port USB-C Hub\u003c\/span\u003e\n    \u003c\/h1\u003e\n\n    \u003cp class=\"dk-subtitle\"\u003e\n      A compact desktop USB-C hub designed\n      to expand one USB-C connection into four\n      accessible ports while keeping your workspace\n      clean, simple and connected.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"dk-line\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"dk-hero-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1028\/6759\/9729\/files\/14d48a7d-615a-4161-8920-f60d496665aa.png?v=1790664278\" alt=\"Yokoramiay DeskKey 4-Port USB-C Hub\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       INTRO\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-intro\"\u003e\n\n    \u003cdiv class=\"dk-label\"\u003e\n      Connect · Expand · Simplify\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"dk-heading\"\u003e\n      More ports.\u003cbr\u003e\n      \u003cspan\u003eLess desktop clutter.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      𝚈𝚘𝚔𝚘𝚛𝚊𝚖𝚒𝚊𝚢™ DeskKey gives a USB-C equipped\n      device four accessible USB-C ports in one\n      slim desktop hub. Its integrated braided host cable\n      and compact aluminum-style body make it an easy\n      addition to work, study and everyday desk setups.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       FEATURES\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-features\"\u003e\n\n\n    \u003cdiv class=\"dk-feature\"\u003e\n\n      \u003cdiv class=\"dk-feature-number\"\u003e\n        01\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        4 USB-C Ports\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Four front-facing USB-C connections\n        provide convenient expansion from\n        a single host connection.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dk-feature\"\u003e\n\n      \u003cdiv class=\"dk-feature-number\"\u003e\n        02\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Braided Host Cable\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        The integrated braided USB-C lead\n        provides a flexible connection between\n        the hub and compatible host device.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dk-feature\"\u003e\n\n      \u003cdiv class=\"dk-feature-number\"\u003e\n        03\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Slim Desk-Ready Profile\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        A low-profile rectangular body keeps\n        the hub easy to position beside laptops,\n        tablets and desktop accessories.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dk-feature\"\u003e\n\n      \u003cdiv class=\"dk-feature-number\"\u003e\n        04\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Aluminum Body\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        A compact metal-style enclosure gives\n        the hub a clean and substantial\n        everyday desktop finish.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       FEATURE IMAGE\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-showcase\"\u003e\n\n    \u003cdiv class=\"dk-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1028\/6759\/9729\/files\/cfafb5f4-bf15-46aa-9dd4-a625f301ae60.png?v=1790664283\" alt=\"DeskKey 4-Port USB-C Hub features\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dk-text\"\u003e\n\n      \u003cdiv class=\"dk-label\"\u003e\n        Ready When Connectivity Calls\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dk-small-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        One host connection.\u003cbr\u003e\n        \u003cspan\u003eFour accessible ports.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        DeskKey is designed to make USB-C expansion\n        straightforward. Connect the integrated host cable\n        to a compatible device and gain four conveniently\n        positioned USB-C ports at the front of your workspace.\n      \u003c\/p\u003e\n\n      \u003cul class=\"dk-list\"\u003e\n\n        \u003cli\u003e\n          Four front-facing USB-C ports\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Integrated USB-C host connector\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Braided host cable\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Slim desk-ready construction\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Compact aluminum-style body\n        \u003c\/li\u003e\n\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       DIMENSIONS\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-showcase reverse\"\u003e\n\n    \u003cdiv class=\"dk-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1028\/6759\/9729\/files\/7c1cc969-0d44-4952-99c4-ee6baa72646b.png?v=1790664285\" alt=\"DeskKey 4-Port USB-C Hub dimensions\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dk-text\"\u003e\n\n      \u003cdiv class=\"dk-label\"\u003e\n        Compact Desktop Footprint\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dk-small-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        Small on the desk.\u003cbr\u003e\n        \u003cspan\u003eReady for expansion.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        DeskKey keeps its hub body compact\n        while placing all four USB-C ports along\n        the front edge for easy access during\n        everyday desktop use.\n      \u003c\/p\u003e\n\n      \u003cul class=\"dk-list\"\u003e\n\n        \u003cli\u003e\n          Approx. 4.1 in overall width\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Approx. 1.6 in overall depth\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Approx. 0.5 in body height\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Approx. 6.7 in host cable\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Four USB-C ports\n        \u003c\/li\u003e\n\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       WEIGHT\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-showcase\"\u003e\n\n    \u003cdiv class=\"dk-image\"\u003e\n\n      \u003c!--\n        你的第4个 Shopify URL 在消息里被截断。\n        把完整称重图链接替换下面 WEIGHT_IMAGE_URL 即可。\n      --\u003e\n\n      \u003cimg src=\"WEIGHT_IMAGE_URL\" alt=\"DeskKey 4-Port USB-C Hub weight\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dk-text\"\u003e\n\n      \u003cdiv class=\"dk-label\"\u003e\n        Lightweight Connectivity\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dk-small-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        More connections.\u003cbr\u003e\n        \u003cspan\u003eMinimal extra bulk.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        At an approximate planning weight of 96 g,\n        DeskKey is designed to add useful desktop\n        connectivity without becoming a bulky\n        addition to your everyday setup.\n      \u003c\/p\u003e\n\n      \u003cul class=\"dk-list\"\u003e\n\n        \u003cli\u003e\n          Approx. 96 g planning weight\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Approx. 3.4 oz\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Compact hub enclosure\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Integrated braided cable\n        \u003c\/li\u003e\n\n        \u003cli\u003e\n          Designed for everyday desktop carry\n        \u003c\/li\u003e\n\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       PRODUCT DETAILS\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-spec-box\"\u003e\n\n    \u003cdiv class=\"dk-spec-head\"\u003e\n\n      \u003cdiv class=\"dk-label\"\u003e\n        Product Details\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Compact hub.\n        Expanded connectivity.\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"dk-spec-grid\"\u003e\n\n\n      \u003cdiv class=\"dk-spec\"\u003e\n\n        \u003cstrong\u003e\n          USB-C Ports\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          4 Front-Facing\u003cbr\u003e\n          Ports\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dk-spec\"\u003e\n\n        \u003cstrong\u003e\n          Body Size\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. 4.1 ×\u003cbr\u003e\n          1.6 in\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dk-spec\"\u003e\n\n        \u003cstrong\u003e\n          Host Cable\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx.\u003cbr\u003e\n          6.7 in\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dk-spec\"\u003e\n\n        \u003cstrong\u003e\n          Weight\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. 96 g\u003cbr\u003e\n          \/ 3.4 oz\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       USE CASES\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-use-section\"\u003e\n\n    \u003cdiv class=\"dk-label\"\u003e\n      Made For Modern Workspaces\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      One compact hub.\n      More ways to connect.\n    \u003c\/h2\u003e\n\n\n    \u003cdiv class=\"dk-use-grid\"\u003e\n\n\n      \u003cdiv class=\"dk-use-card\"\u003e\n\n        \u003cdiv class=\"dk-use-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Laptop Desk Setup\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Expand a compatible USB-C laptop\n          connection into multiple accessible\n          desktop ports.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dk-use-card\"\u003e\n\n        \u003cdiv class=\"dk-use-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Work \u0026amp; Study\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep frequently used USB-C connections\n          positioned together for everyday\n          work and study environments.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"dk-use-card\"\u003e\n\n        \u003cdiv class=\"dk-use-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Portable Workspace\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The compact body and integrated host\n          cable make the hub easy to add\n          to a mobile tech setup.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       BRAND BAND\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-band\"\u003e\n\n    \u003cdiv class=\"dk-label\"\u003e\n      𝚈𝚘𝚔𝚘𝚛𝚊𝚖𝚒𝚊𝚢™\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Ready when\u003cbr\u003e\n      \u003cspan\u003econnectivity calls.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      DeskKey brings four accessible USB-C ports,\n      a braided host cable and a slim desktop\n      profile together in one compact connectivity hub.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       FINAL\n  ========================================== --\u003e\n\n  \u003csection class=\"dk-final\"\u003e\n\n    \u003cdiv class=\"dk-label\"\u003e\n      DeskKey Series\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Connect.\u003cbr\u003e\n      \u003cspan\u003eExpand. Simplify.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A compact four-port USB-C hub designed\n      to make everyday desktop connectivity\n      cleaner and easier to access.\n    \u003c\/p\u003e\n\n\n    \u003c!--\n      第5张白底图链接有了以后，\n      将 WHITE_BACKGROUND_IMAGE_URL\n      换成对应 Shopify 图片链接。\n    --\u003e\n\n\n    \u003c!--\n\n    \u003cdiv class=\"dk-white-image\"\u003e\n\n      \u003cimg\n        src=\"WHITE_BACKGROUND_IMAGE_URL\"\n        alt=\"Yokoramiay DeskKey 4-Port USB-C Hub white background\"\n        loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n    --\u003e\n\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ==========================================\n       DISCLAIMER\n  ========================================== --\u003e\n\n  \u003cdiv class=\"dk-note\"\u003e\n\n    Dimensions and weight shown are approximate planning values.\n    Please verify final product specifications before publishing.\n    Port functionality, charging support, data transfer capability\n    and device compatibility should be confirmed against the final\n    production specification before making performance claims.\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Yokoramiay","offers":[{"title":"Silver","offer_id":67586154496369,"sku":"YKY-011-SILVER","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1028\/6759\/9729\/files\/14d48a7d-615a-4161-8920-f60d496665aa.png?v=1790664278","url":"https:\/\/yokoramiay.com\/products\/yokoramiay-deskkey-4-port-usb-c-hub","provider":"𝚈𝚘𝚔𝚘𝚛𝚊𝚖𝚒𝚊𝚢™","version":"1.0","type":"link"}