{"product_id":"km310-mechanical-keyboard-and-mouse-combo-uk-layout","title":"KM310 Mechanical Keyboard and Mouse Combo (UK Layout)","description":"\u003c!-- START ProtoArc KM310 Detail Page --\u003e\n\u003cstyle\u003e\n    * {\n        box-sizing: border-box;\n    }\n\n    .km310_banner,\n    .km310_full_image {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        line-height: 0;\n        background-color: #ffffff;\n    }\n\n    .km310_banner img,\n    .km310_full_image img {\n        width: 100%;\n        height: auto;\n        display: block;\n        margin: 0;\n        padding: 0;\n        border: 0;\n        border-radius: 0;\n        box-shadow: none;\n    }\n\n    \/* =========================\n       Video\n    ========================= *\/\n\n    .km310_video_wrap {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        line-height: 0;\n        background-color: #ffffff;\n    }\n\n    .km310_video_wrap video {\n        width: 100%;\n        height: auto;\n        display: block;\n        margin: 0;\n        padding: 0;\n        border: 0;\n        border-radius: 0;\n        box-shadow: none;\n    }\n\n    \/* =========================\n       Icon Selling Points\n    ========================= *\/\n\n    .km310_icon_section {\n        width: 100%;\n        margin: 0;\n        padding: 30px 0;\n        background-color: #f5f7f8;\n    }\n\n    .km310_icon_grid {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n    }\n\n    .km310_icon_item {\n        text-align: center;\n        padding: 22px 10px;\n    }\n\n    .km310_icon_svg {\n        width: 31px;\n        height: 31px;\n        display: block;\n        margin: 0 auto 11px;\n        stroke: #f0ad46;\n        stroke-width: 1.8;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        fill: none;\n    }\n\n    .km310_icon_item p {\n        margin: 0;\n        padding: 0;\n        color: #201F1C;\n        font-size: 15px;\n        font-weight: 600;\n        line-height: 1.35;\n    }\n\n    \/* =========================\n       Text Sections\n    ========================= *\/\n\n    .km310_text_section {\n        width: 100%;\n        margin: 0;\n        padding: 62px 32px;\n        background-color: #ffffff;\n        text-align: center;\n    }\n\n    .km310_text_section--soft {\n        background-color: #fafafa;\n    }\n\n    .km310_text_section--compact {\n        padding-top: 46px;\n        padding-bottom: 46px;\n    }\n\n    .km310_text_inner {\n        width: 100%;\n        max-width: 860px;\n        margin: 0 auto;\n    }\n\n    .km310_text_section h2 {\n        color: #201F1C;\n        font-size: 26px;\n        line-height: 1.3;\n        font-weight: 600;\n        margin: 0 0 16px;\n        padding: 0;\n    }\n\n    .km310_text_section p {\n        color: #484540;\n        font-size: 16px;\n        line-height: 1.75;\n        margin: 0 auto;\n        padding: 0;\n    }\n\n    \/* =========================\n       Carousel\n    ========================= *\/\n\n    .km310_carousel_section {\n        width: 100%;\n        margin: 0;\n        padding: 0 0 56px;\n        overflow: hidden;\n        background-color: #ffffff;\n    }\n\n    .km310_carousel {\n        position: relative;\n        width: 100%;\n        max-width: 1464px;\n        margin: 0 auto;\n        overflow: hidden;\n        background-color: #f5f5f5;\n    }\n\n    .km310_carousel_track {\n        display: flex;\n        width: 100%;\n        transition: transform 0.5s ease;\n    }\n\n    .km310_carousel_slide {\n        width: 100%;\n        min-width: 100%;\n        flex-shrink: 0;\n        line-height: 0;\n    }\n\n    .km310_carousel_slide img {\n        width: 100%;\n        height: auto;\n        display: block;\n        margin: 0;\n        padding: 0;\n        border: 0;\n    }\n\n    .km310_carousel_arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 48px;\n        height: 48px;\n        padding: 0;\n        border: 0;\n        border-radius: 50%;\n        background-color: rgba(255,255,255,0.9);\n        box-shadow: 0 3px 16px rgba(0,0,0,0.08);\n        cursor: pointer;\n        z-index: 5;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .km310_carousel_arrow svg {\n        width: 22px;\n        height: 22px;\n        fill: none;\n        stroke: #201F1C;\n        stroke-width: 2;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .km310_carousel_prev {\n        left: 24px;\n    }\n\n    .km310_carousel_next {\n        right: 24px;\n    }\n\n    .km310_carousel_dots {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        margin-top: 22px;\n    }\n\n    .km310_carousel_dot {\n        width: 8px;\n        height: 8px;\n        padding: 0;\n        border: 0;\n        border-radius: 50%;\n        background-color: #c4bfb9;\n        cursor: pointer;\n        transition: all 0.25s ease;\n    }\n\n    .km310_carousel_dot.active {\n        width: 24px;\n        border-radius: 10px;\n        background-color: #f0ad46;\n    }\n\n    \/* =========================\n       Four Detail Cards\n    ========================= *\/\n\n    .km310_feature_section {\n        width: 100%;\n        margin: 0;\n        padding: 62px 32px 68px;\n        background-color: #ffffff;\n    }\n\n    .km310_feature_heading {\n        max-width: 800px;\n        margin: 0 auto 34px;\n        text-align: center;\n    }\n\n    .km310_feature_heading h2 {\n        margin: 0 0 12px;\n        color: #201F1C;\n        font-size: 26px;\n        line-height: 1.3;\n        font-weight: 600;\n    }\n\n    .km310_feature_heading p {\n        margin: 0;\n        color: #484540;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .km310_feature_grid {\n        width: 100%;\n        max-width: 1240px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 22px;\n    }\n\n    .km310_feature_card {\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n        background-color: #fafafa;\n    }\n\n    .km310_feature_image {\n        width: 100%;\n        aspect-ratio: 4 \/ 3;\n        overflow: hidden;\n        background-color: #f5f5f5;\n        line-height: 0;\n    }\n\n    .km310_feature_image img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n        margin: 0;\n        padding: 0;\n        border: 0;\n    }\n\n    .km310_feature_content {\n        padding: 24px 22px 28px;\n    }\n\n    .km310_feature_content h3 {\n        margin: 0 0 10px;\n        padding: 0;\n        color: #201F1C;\n        font-size: 18px;\n        line-height: 1.4;\n        font-weight: 600;\n    }\n\n    .km310_feature_content p {\n        margin: 0;\n        padding: 0;\n        color: #484540;\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    \/* =========================\n       Why Choose\n    ========================= *\/\n\n    .km310_why_choose {\n        width: 100%;\n        margin: 0;\n        padding: 64px 32px;\n        background-color: #fafafa;\n        text-align: center;\n    }\n\n    .km310_why_choose_inner {\n        max-width: 860px;\n        margin: 0 auto;\n    }\n\n    .km310_why_choose h2 {\n        margin: 0 0 18px;\n        color: #201F1C;\n        font-size: 26px;\n        line-height: 1.3;\n        font-weight: 600;\n    }\n\n    .km310_why_choose p {\n        margin: 0 auto 14px;\n        color: #484540;\n        font-size: 16px;\n        line-height: 1.75;\n    }\n\n    .km310_why_choose p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* =========================\n       FAQ\n    ========================= *\/\n\n    .km310_faq {\n        width: 100%;\n        margin: 0;\n        padding: 64px 32px;\n        background-color: #ffffff;\n    }\n\n    .km310_faq h2 {\n        margin: 0 0 34px;\n        color: #201F1C;\n        font-size: 26px;\n        line-height: 1.3;\n        font-weight: 600;\n        text-align: center;\n    }\n\n    .km310_faq_item {\n        max-width: 860px;\n        margin: 0 auto 26px;\n    }\n\n    .km310_faq_item h3 {\n        margin: 0 0 8px;\n        color: #201F1C;\n        font-size: 18px;\n        line-height: 1.45;\n        font-weight: 600;\n    }\n\n    .km310_faq_item p {\n        margin: 0;\n        color: #484540;\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    \/* =========================\n       Mobile\n    ========================= *\/\n\n    @media screen and (max-width: 750px) {\n\n        .km310_icon_section {\n            padding: 20px 0;\n        }\n\n        .km310_icon_grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .km310_icon_item {\n            min-height: 96px;\n            padding: 18px 8px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .km310_icon_item p {\n            font-size: 14px;\n        }\n\n        .km310_text_section {\n            padding: 42px 28px;\n        }\n\n        .km310_text_section--compact {\n            padding-top: 38px;\n            padding-bottom: 38px;\n        }\n\n        .km310_text_section h2,\n        .km310_feature_heading h2,\n        .km310_why_choose h2,\n        .km310_faq h2 {\n            font-size: 22px;\n        }\n\n        .km310_text_section p,\n        .km310_why_choose p {\n            font-size: 15px;\n        }\n\n        .km310_carousel_section {\n            padding-bottom: 40px;\n        }\n\n        .km310_carousel_arrow {\n            width: 38px;\n            height: 38px;\n        }\n\n        .km310_carousel_prev {\n            left: 10px;\n        }\n\n        .km310_carousel_next {\n            right: 10px;\n        }\n\n        .km310_carousel_arrow svg {\n            width: 18px;\n            height: 18px;\n        }\n\n        .km310_carousel_dots {\n            margin-top: 16px;\n        }\n\n        .km310_feature_section {\n            padding: 44px 18px 48px;\n        }\n\n        .km310_feature_heading {\n            margin-bottom: 26px;\n            padding: 0 10px;\n        }\n\n        .km310_feature_grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 14px;\n        }\n\n        .km310_feature_content {\n            padding: 18px 14px 20px;\n        }\n\n        .km310_feature_content h3 {\n            font-size: 16px;\n        }\n\n        .km310_feature_content p {\n            font-size: 13px;\n            line-height: 1.6;\n        }\n\n        .km310_why_choose,\n        .km310_faq {\n            padding: 46px 30px;\n        }\n\n        .km310_faq_item h3 {\n            font-size: 17px;\n        }\n\n        .km310_faq_item p {\n            font-size: 14px;\n        }\n    }\n\n    @media screen and (max-width: 480px) {\n\n        .km310_feature_grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n\n        .km310_feature_content {\n            padding: 22px 20px 24px;\n        }\n\n        .km310_feature_content h3 {\n            font-size: 17px;\n        }\n\n        .km310_feature_content p {\n            font-size: 14px;\n        }\n    }\n\u003c\/style\u003e\n\u003c!-- 01 HERO --\u003e\n\u003cdiv class=\"km310_banner\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/22693b31-7895-469e-9917-83e3456a4300.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693524\" alt=\"ProtoArc KM310 wireless mechanical keyboard and mouse combo\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c!-- 02 VIDEO --\u003e\n\u003cdiv class=\"km310_video_wrap\"\u003e\u003cvideo id=\"km310-product-video\" preload=\"metadata\" loop=\"loop\" playsinline=\"\" autoplay=\"autoplay\" muted=\"\" controls=\"controls\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c42e4de04672449ea07297383a347d39.mp4\" type=\"video\/mp4\"\u003e\n        Your browser does not support HTML5 video.\n    \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- 03 ICON SELLING POINTS --\u003e\n\u003csection class=\"km310_icon_section\"\u003e\n\u003cdiv class=\"km310_icon_grid\"\u003e\n\u003cdiv class=\"km310_icon_item\"\u003e\n\u003csvg class=\"km310_icon_svg\" viewbox=\"0 0 32 32\"\u003e\n                \u003crect x=\"3\" y=\"7\" width=\"26\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M7 12h3M13 12h3M19 12h3M25 12h1\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M7 17h4M14 17h5M22 17h4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n\u003cp\u003e108-Key UK Layout\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_icon_item\"\u003e\n\u003csvg class=\"km310_icon_svg\" viewbox=\"0 0 32 32\"\u003e\n                \u003crect x=\"7\" y=\"7\" width=\"18\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M11 12h10M11 16h10M11 20h10\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n\u003cp\u003eLow-Profile Red Switches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_icon_item\"\u003e\n\u003csvg class=\"km310_icon_svg\" viewbox=\"0 0 32 32\"\u003e\n                \u003crect x=\"4\" y=\"7\" width=\"15\" height=\"11\" rx=\"1.5\"\u003e\u003c\/rect\u003e\n                \u003crect x=\"18\" y=\"13\" width=\"9\" height=\"13\" rx=\"1.5\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M9 23h6M12 18v5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n\u003cp\u003e3-Device Switching\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_icon_item\"\u003e\n\u003csvg class=\"km310_icon_svg\" viewbox=\"0 0 32 32\"\u003e\n                \u003cpath d=\"M6 10c4-4 16-4 20 0\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M9 14c3-3 11-3 14 0\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M12 18c2-2 6-2 8 0\"\u003e\u003c\/path\u003e\n                \u003ccircle cx=\"16\" cy=\"23\" r=\"1\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e\n\u003cp\u003e2.4G + Dual Bluetooth\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_icon_item\"\u003e\n\u003csvg class=\"km310_icon_svg\" viewbox=\"0 0 32 32\"\u003e\n                \u003cpath d=\"M9 20c0-5 3-9 7-9s7 4 7 9v3c0 3-2 5-5 5h-4c-3 0-5-2-5-5z\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M16 11V7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n\u003cp\u003e63g Ultra-Light Mouse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_icon_item\"\u003e\n\u003csvg class=\"km310_icon_svg\" viewbox=\"0 0 32 32\"\u003e\n                \u003crect x=\"7\" y=\"8\" width=\"16\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M23 13h3v6h-3\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M14 11l-2 6h4l-2 5 6-8h-4l2-3\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n\u003cp\u003eUSB-C Rechargeable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 04 OVERVIEW --\u003e\n\u003csection class=\"km310_text_section\"\u003e\n\u003cdiv class=\"km310_text_inner\"\u003e\n\u003ch2\u003eMechanical Typing, Built for Everyday Work\u003c\/h2\u003e\n\u003cp\u003eKM310 combines a full-size low-profile mechanical keyboard with a lightweight wireless mouse for a responsive but office-friendly desktop setup. Smooth red switches, an aluminum top case, flexible wireless connectivity, and multi-device switching make it easy to move between everyday work tasks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 05 IMAGE 2 --\u003e\n\u003cdiv class=\"km310_full_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/7c62fc25-389d-49c4-aeaa-093df83d9f72.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693524\" alt=\"ProtoArc KM310 aluminum low profile mechanical keyboard and mouse\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- 06 MECHANICAL COPY --\u003e\n\u003csection class=\"km310_text_section km310_text_section--compact\"\u003e\n\u003cdiv class=\"km310_text_inner\"\u003e\n\u003ch2\u003eSmooth, Linear Mechanical Feel\u003c\/h2\u003e\n\u003cp\u003eLow-profile mechanical red switches deliver smooth linear keystrokes with light actuation and short key travel. The result is responsive mechanical typing designed for office work, business tasks, and everyday productivity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 07 CAROUSEL 1 --\u003e\n\u003csection class=\"km310_carousel_section\"\u003e\n\u003cdiv class=\"km310_carousel\" id=\"km310CarouselOne\"\u003e\n\u003cdiv class=\"km310_carousel_track\"\u003e\n\u003cdiv class=\"km310_carousel_slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/50f36f44-a2df-47ca-8045-fe0734646c7b.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693524\" alt=\"ProtoArc KM310 low profile red mechanical switches\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_carousel_slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/fc0ecc75-7186-45f0-8fbe-19caed7520a7.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693523\" alt=\"ProtoArc KM310 full size mechanical keyboard\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_carousel_slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/ab970f1e-ef33-4eef-a1c2-b8d0db75a63b.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693521\" alt=\"ProtoArc KM310 aluminum mechanical keyboard detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"km310_carousel_arrow km310_carousel_prev\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M15 5l-7 7 7 7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/button\u003e \u003cbutton class=\"km310_carousel_arrow km310_carousel_next\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M9 5l7 7-7 7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_carousel_dots\"\u003e\n\u003cbutton class=\"km310_carousel_dot active\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"km310_carousel_dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"km310_carousel_dot\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 08 IMAGE 6 --\u003e\n\u003cdiv class=\"km310_full_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/bc36efe3-20f2-4640-bd54-f5a579a2e97c.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693523\" alt=\"ProtoArc KM310 wireless mechanical keyboard connectivity\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- 09 CONNECTIVITY COPY --\u003e\n\u003csection class=\"km310_text_section km310_text_section--soft\"\u003e\n\u003cdiv class=\"km310_text_inner\"\u003e\n\u003ch2\u003eOne Setup for Three Devices\u003c\/h2\u003e\n\u003cp\u003eUse the 2.4GHz wireless connection or dual Bluetooth channels to connect KM310 with up to three devices. Switch between compatible Windows, macOS, and Android devices using the device switching controls.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10 CAROUSEL 2 --\u003e\n\u003csection class=\"km310_carousel_section\"\u003e\n\u003cdiv class=\"km310_carousel\" id=\"km310CarouselTwo\"\u003e\n\u003cdiv class=\"km310_carousel_track\"\u003e\n\u003cdiv class=\"km310_carousel_slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/9aa416cb-c758-4647-8862-a969663738f7.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693524\" alt=\"ProtoArc KM310 three device wireless connection\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_carousel_slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/d5e3731a-c455-4f37-8037-6f5fd7bc3fd7.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693523\" alt=\"ProtoArc KM310 lightweight wireless mouse\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_carousel_slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/d2e6ec55-1343-4a6d-b750-c49f1f6e5462.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693522\" alt=\"ProtoArc KM310 mechanical keyboard mouse office setup\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"km310_carousel_arrow km310_carousel_prev\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M15 5l-7 7 7 7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/button\u003e \u003cbutton class=\"km310_carousel_arrow km310_carousel_next\" type=\"button\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\n                \u003cpath d=\"M9 5l7 7-7 7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_carousel_dots\"\u003e\n\u003cbutton class=\"km310_carousel_dot active\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"km310_carousel_dot\" type=\"button\"\u003e\u003c\/button\u003e \u003cbutton class=\"km310_carousel_dot\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 11 IMAGE 10 --\u003e\n\u003cdiv class=\"km310_full_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/56c4f3e4-ff25-456b-8409-81cfd769b8a6.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693522\" alt=\"ProtoArc KM310 63 gram lightweight mouse\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- 12 MOUSE COPY --\u003e\n\u003csection class=\"km310_text_section km310_text_section--compact\"\u003e\n\u003cdiv class=\"km310_text_inner\"\u003e\n\u003ch2\u003eLightweight Control for Long Workdays\u003c\/h2\u003e\n\u003cp\u003eAt just 63g, the wireless mouse reduces unnecessary weight for easier movement during extended work sessions. Three adjustable DPI levels — 1000, 1600, and 2400 — let you match cursor sensitivity to different tasks, while forward and backward buttons simplify everyday browsing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 13 IMAGE 11 --\u003e\n\u003cdiv class=\"km310_full_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/b1231cdc-e281-4474-85de-0a11aaf7634f.__CR0_0_1464_600_PT0_SX1464_V1.png?v=1786693521\" alt=\"ProtoArc KM310 rechargeable mechanical keyboard and mouse combo\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- 14 BATTERY \/ NO BACKLIGHT COPY --\u003e\n\u003csection class=\"km310_text_section km310_text_section--soft\"\u003e\n\u003cdiv class=\"km310_text_inner\"\u003e\n\u003ch2\u003eRechargeable, Without the Backlight\u003c\/h2\u003e\n\u003cp\u003eKM310 keeps the mechanical keyboard intentionally backlight-free for a simpler office-focused setup. The keyboard includes a 500mAh rechargeable battery and the mouse a 300mAh battery, with up to 150 days of standby time after approximately 2 hours of charging.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 15 FOUR SMALL FEATURE CARDS --\u003e\n\u003csection class=\"km310_feature_section\"\u003e\n\u003cdiv class=\"km310_feature_heading\"\u003e\n\u003ch2\u003eThe Details Behind Smoother Everyday Work\u003c\/h2\u003e\n\u003cp\u003eMechanical responsiveness and lightweight mouse control come together in an office-focused wireless setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_feature_grid\"\u003e\n\u003c!-- Mechanical Red Switches --\u003e\n\u003cdiv class=\"km310_feature_card\"\u003e\n\u003cdiv class=\"km310_feature_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/ff58031d-32d7-40a2-93b6-da581acb82b3.__CR0_0_300_225_PT0_SX300_V1.png?v=1786693514\" alt=\"ProtoArc KM310 mechanical red switches\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_feature_content\"\u003e\n\u003ch3\u003eMechanical Red Switches\u003c\/h3\u003e\n\u003cp\u003eRed switches provide smooth, linear keystrokes with low actuation force for responsive everyday typing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Low-profile Keys --\u003e\n\u003cdiv class=\"km310_feature_card\"\u003e\n\u003cdiv class=\"km310_feature_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/27608a87-b996-4b38-864f-4e384599d0e8.__CR0_0_300_225_PT0_SX300_V1.png?v=1786693515\" alt=\"ProtoArc KM310 low profile mechanical keys\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_feature_content\"\u003e\n\u003ch3\u003eLow-Profile Keys\u003c\/h3\u003e\n\u003cp\u003eLow-profile mechanical keys combine short travel with solid feedback for a responsive and smooth typing experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DPI --\u003e\n\u003cdiv class=\"km310_feature_card\"\u003e\n\u003cdiv class=\"km310_feature_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/a08c3543-4d10-414a-a9b1-4baa8c6418dc.__CR0_0_300_225_PT0_SX300_V1.png?v=1786693515\" alt=\"ProtoArc KM310 mouse adjustable DPI\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_feature_content\"\u003e\n\u003ch3\u003eAdjustable DPI\u003c\/h3\u003e\n\u003cp\u003eThe mouse features three adjustable DPI levels: 1000, 1600, and 2400 DPI.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Noiseless Click --\u003e\n\u003cdiv class=\"km310_feature_card\"\u003e\n\u003cdiv class=\"km310_feature_image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/c454f57d-152c-4033-b81b-4550bf152435.__CR0_0_300_225_PT0_SX300_V1.png?v=1786693514\" alt=\"ProtoArc KM310 quiet wireless mouse click\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"km310_feature_content\"\u003e\n\u003ch3\u003eNoiseless Click\u003c\/h3\u003e\n\u003cp\u003eQuiet mouse clicks help reduce distractions so you can stay focused without disturbing people around you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 16 WHY CHOOSE --\u003e\n\u003csection class=\"km310_why_choose\"\u003e\n\u003cdiv class=\"km310_why_choose_inner\"\u003e\n\u003ch2\u003eWhy Choose KM310\u003c\/h2\u003e\n\u003cp\u003eKM310 is built for people who enjoy the responsiveness of a mechanical keyboard but need a setup suited to everyday office use. The full-size 108-key UK layout keeps the numeric keypad and function keys, while low-profile red switches provide a smooth, linear typing feel in a slimmer form.\u003c\/p\u003e\n\u003cp\u003eAdd a 63g lightweight mouse, three adjustable DPI levels, 2.4GHz and Bluetooth connectivity, and three-device switching, and KM310 becomes a flexible keyboard-and-mouse setup for work across Windows, macOS, and Android devices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 17 FAQ --\u003e\n\u003csection class=\"km310_faq\"\u003e\n\u003ch2\u003eFAQ\u003c\/h2\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eWhat type of switches does KM310 use?\u003c\/h3\u003e\n\u003cp\u003eKM310 uses low-profile mechanical red switches. They provide smooth, linear keystrokes with light actuation force and short key travel for responsive everyday typing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eDoes the KM310 keyboard have backlighting?\u003c\/h3\u003e\n\u003cp\u003eNo. KM310 uses a backlight-free mechanical keyboard design intended for simpler everyday office use and lower power consumption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eHow many devices can KM310 connect to?\u003c\/h3\u003e\n\u003cp\u003eKM310 supports up to three devices through its 2.4GHz wireless connection and dual Bluetooth channels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eWhich operating systems are compatible?\u003c\/h3\u003e\n\u003cp\u003eKM310 supports Windows 7, Windows 8, Windows 10, macOS X 10.12, Android 4.3, and later compatible versions of these systems.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eIs KM310 a full-size keyboard?\u003c\/h3\u003e\n\u003cp\u003eYes. KM310 uses a full-size 108-key UK QWERTY layout with an integrated numeric keypad and function keys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eDoes the keyboard have adjustable tilt legs?\u003c\/h3\u003e\n\u003cp\u003eYes. The KM310 keyboard includes adjustable tilt legs so you can change the keyboard angle for your preferred typing position.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eHow much does the mouse weigh?\u003c\/h3\u003e\n\u003cp\u003eThe KM310 wireless mouse weighs approximately 63g, giving it a lightweight feel for everyday office use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eWhat DPI settings does the mouse support?\u003c\/h3\u003e\n\u003cp\u003eThe mouse supports three sensitivity levels: 1000, 1600, and 2400 DPI.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eWhat are the battery capacities?\u003c\/h3\u003e\n\u003cp\u003eThe keyboard includes a built-in 500mAh rechargeable battery, while the mouse includes a 300mAh rechargeable battery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eHow long does charging take?\u003c\/h3\u003e\n\u003cp\u003eAccording to the product specifications, a full charge takes approximately 2 hours and provides up to 150 days of standby time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"km310_faq_item\"\u003e\n\u003ch3\u003eIs KM310 recommended for gaming?\u003c\/h3\u003e\n\u003cp\u003eKM310 is designed primarily for office work, general tasks, and everyday use. Gaming is not recommended.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CAROUSEL SCRIPT --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- STRUCTURED DATA --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- END ProtoArc KM310 Detail Page --\u003e","brand":"ProtoArc","offers":[{"title":"Black","offer_id":44525657358425,"sku":"CP016225","price":64.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/1_269ade6b-cb45-4757-9cbc-c19c7c279aed.png?v=1786693887","url":"https:\/\/www.protoarc.com\/en-gb\/products\/km310-mechanical-keyboard-and-mouse-combo-uk-layout","provider":"ProtoArc","version":"1.0","type":"link"}