CINXE.COM
HHKB Studio - 60% Mechanical Wireless Keyboard - Learn More - HHKB
<!DOCTYPE html> <html lang="en" class="en hhkb-studio"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <link rel="preconnect" href="https://cmp.osano.com/" /> <link rel="preconnect" href="https://www.googletagmanager.com/" /> <link rel="preconnect" href="https://www.gstatic.com" /> <link rel="preconnect" href="https://stats.g.doubleclick.net" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <!-- Start Cookie Consent Manager --> <script src="https://cmp.osano.com/AzZbWCTiWQro76eQi/829af36d-14fc-4a3b-9ac2-3c098236b91d/osano.js"></script> <!-- End Cookie Consent Manager --> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NDBFM4T'); </script> <!-- End Google Tag Manager --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8095496.js"></script> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> <!-- End of HubSpot Embed Code --> <title>HHKB Studio - 60% Mechanical Wireless Keyboard - Learn More - HHKB</title> <meta name="description" content="Discover the HHKB Studio, a revolutionary wireless 60% mechanical keyboard featuring mechanical switches for an unparalleled typing experience. With customizable layouts and innovative gesture pads, this compact keyboard enhances productivity while minimizing hand movement. Perfect for professionals seeking efficiency and comfort." /> <meta property="og:type" content="website" /> <meta property="og:title" content="HHKB Studio - 60% Mechanical Wireless Keyboard - Learn More - HHKB" /> <meta property="og:description" content="Discover the HHKB Studio, a revolutionary wireless 60% mechanical keyboard featuring mechanical switches for an unparalleled typing experience. With customizable layouts and innovative gesture pads, this compact keyboard enhances productivity while minimizing hand movement. Perfect for professionals seeking efficiency and comfort." /> <meta property="og:url" content="https://hhkeyboard.us/hhkb-studio" /> <link rel="canonical" href="https://hhkeyboard.us/hhkb-studio" /> <script id="BreadcrumbListSchema" type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "/" } ] } </script> <link rel="apple-touch-icon" sizes="180x180" href="/Themes/hhkeyboard/images/favicon/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/Themes/hhkeyboard/images/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/Themes/hhkeyboard/images/favicon/favicon-16x16.png" /> <link rel="manifest" href="/Themes/hhkeyboard/images/favicon/site.webmanifest.json" /> <link rel="mask-icon" href="/Themes/hhkeyboard/images/favicon/safari-pinned-tab.svg" color="#FF0000" /> <link rel="shortcut icon" href="/Themes/hhkeyboard/images/favicon/favicon.ico" /> <meta name="msapplication-TileColor" content="#FF0000" /> <meta name="msapplication-config" content="/Themes/hhkeyboard/images/favicon/browserconfig.xml" /> <meta name="theme-color" content="#ffffff" /> <link href="/styles/main-hhkeyboard-202504022239.css" rel="stylesheet" /> <style type="text/css"> @media (min-width: 992px) { .specifications-table dl > span:first-child { flex-basis: min-content; } } .hhkb-studio .content-block.with-image[data-target=innovation] .container .content-block-text h2 { font-family: OpenSans-Light,Arial,Helvetica,sans-serif !important; font-size: 2.125rem; line-height: 1.2380952381; letter-spacing: .02px; } </style> <meta name="VIcurrentDateTime" content="638793442267314341" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/hhkb-studio" /> </head> <body class="with-page-navigation animated animated animated animated animated animated animated animated animated animated animated animated animated animated animated"> <a href="#mainContent" class="skip-to-main">Skip to main content</a> <div id="main-container"> <header class="primary-header sticky-top" aria-label="Page Header"> <div class="d-none d-lg-block utility-container"> <div class="container"> <div class="row"> <div class="col-12"> <div class="utility-nav"> <nav aria-label="Utility" class="position-relative"> <ul> <li class="nav-item utility-nav-login"> <a href="/account/login" target="" class="nav-link utility-nav-login" aria-controls="user-nav-94f88cb8-7ed4-41f8-b37b-75d051a9baaf" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-login.svg" alt="" /> <span class="sr-only">Login</span> </a> </li> <li class="nav-item utility-nav-cart"> <a href="/account/cart" target="" class="nav-link utility-nav-cart" aria-controls="user-nav-8c22e01b-cace-4668-9996-5619327b7477" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-cart.svg" alt="" /> <span class="sr-only">Cart</span> </a> </li> </ul> </nav> </div> </div> </div> </div> </div> <section class="d-none d-lg-block primary-navigation-desktop" aria-label="Navigation Bar"> <div class="container"> <div class="row"> <div class="col-12 primary-nav-row"> <nav id="primary-nav" class="navbar primary-nav navbar-expand-lg" aria-label="Primary"> <div class="mobile-lock-up"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle Navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <div class="mobile-utility"> <nav class="utility-nav" aria-label="Utility"> <ul class="utility-links d-lg-none"> <li class="utility-nav-login"> <a href="/account/login" target="" class="utility-nav-login" aria-controls="user-nav-fa53e408-7c1f-4b2c-9e10-8a8eb5db2936" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-login.svg" alt="" /> <span class="sr-only">Login</span> </a> </li> <li class="utility-nav-cart"> <a href="/account/cart" target="" class="utility-nav-cart" aria-controls="user-nav-f746b33d-77fa-4421-bb11-c81aaeec7159" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-cart.svg" alt="" /> <span class="sr-only">Cart</span> </a> </li> </ul> </nav> </div> </div> <div class="collapse navbar-collapse nav-justify" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_7c613ecb-cb76-475a-88be-1fdb34d55c17" target="" href="/hhkb" title="Browse HHKB Pro" aria-haspopup="true" aria-expanded="false">HHKB Pro</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_7c613ecb-cb76-475a-88be-1fdb34d55c17"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/snow" target="" class="heading">Snow Collection</a></li> <li><a href="/hhkb/pro-hybrid-type-s" target="" class="heading">Pro HYBRID Type-S</a></li> <li><a href="/hhkb/pro-hybrid" target="" class="heading">Pro HYBRID</a></li> <li><a href="/hhkb/pro-classic" target="" class="heading">Pro Classic</a></li> <li><a href="/hhkb/accessories" target="" class="heading">Accessories</a></li> </ul> </div> </div> </div> </li> <li class="nav-item active dropdown levels-1"> <a class="nav-link active dropdown-toggle" id="navbarDropdownMenuLink_f656af31-ab54-4687-8d96-d87ffa0c7139" target="" href="/hhkb-studio" title="Browse HHKB Studio" aria-haspopup="true" aria-expanded="false">HHKB Studio</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_f656af31-ab54-4687-8d96-d87ffa0c7139"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/hhkb-studio/snow" target="" class="heading">Snow Collection</a></li> <li><a href="/hhkb-studio/product" target="" class="heading">Product</a></li> <li><a href="/hhkb-studio/accessories" target="" class="heading">Accessories</a></li> <li><a href="/hhkb-studio/look-book" target="" class="heading">Look Book</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_5f6f5a49-0b75-427b-9491-8bbbe7dde9b7" target="" href="/sitecore/content/hhkeyboard/home/support" title="Browse Support" aria-haspopup="true" aria-expanded="false">Support</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_5f6f5a49-0b75-427b-9491-8bbbe7dde9b7"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/support/faq" target="" class="heading">FAQ</a></li> <li><a href="/support/registration" target="|Custom" class="heading">Registration</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-2 popout"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_83026090-2d45-4901-ae06-8b3697f731cf" target="" href="/resources" title="Browse Resources" aria-haspopup="true" aria-expanded="false">Resources</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_83026090-2d45-4901-ae06-8b3697f731cf"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/blog" target="" class="heading">Blog</a></li> <li><a href="/resources/features" target="" class="heading">Features</a></li> <li class="inner-menu"> <a href="/guide" target="" class="">Guides</a> <ul class="third-level"> <li><a href="/guide/keyboard-for-creators" target="" class="">Best Keyboard for Creators</a></li> <li><a href="/guide/keyboard-not-working" target="" class="">Keyboard Not Working?</a></li> <li><a href="/guide/best-keyboard-for-programming" target="" class="">Best Keyboards for Programming</a></li> <li><a href="/guide/best-keyboard-for-typing" target="" class="">Best Keyboard for Typing</a></li> <li><a href="/guide/custom-keyboard" target="" class="">Custom Mechanical Keyboards</a></li> <li><a href="/guide/keyboard-layouts" target="" class="">Keyboard Layouts</a></li> <li><a href="/guide/keyboard-sizes" target="" class="">Keyboard Sizes</a></li> <li><a href="/guide/keycaps" target="" class="">Keycaps</a></li> <li><a href="/guide/mechanical-keyboard-switches" target="" class="">Mechanical Keyboard Switches</a></li> <li><a href="/guide/mechanical-keyboard-guide" target="" class="">Mechanical Keyboards</a></li> </ul> </li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_2ae6fbbc-c85d-4867-aded-c7e59c44ef1b" target="" href="/about" title="Browse About" aria-haspopup="true" aria-expanded="false">About</a> <button class="toggle-dropdown" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink_2ae6fbbc-c85d-4867-aded-c7e59c44ef1b"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/about/contact-us" target="" class="heading">Contact Us</a></li> <li><a href="/about/history" target="" class="heading">History</a></li> <li><a href="/about/news" target="" class="heading">News</a></li> <li><a href="/about/press-releases" target="" class="heading">Press Releases</a></li> </ul> </div> </div> </div> </li> </ul> </div> </nav> </div> </div> </div> </section> <section class="d-block d-lg-none primary-navigation-mobile" aria-label="Navigation Bar"> <div class="primary-nav-row"> <nav id="primary-nav" class="navbar primary-nav navbar-expand-lg" aria-label="Primary"> <div class="mobile-lock-up"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle Navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <div class="mobile-utility"> <nav class="utility-nav" aria-label="Utility"> <ul class="utility-links d-lg-none"> <li class="utility-nav-login"> <a href="/account/login" target="" class="utility-nav-login" aria-controls="user-nav-26362fcc-a4a1-439d-9a24-7ac91ed51264" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-login.svg" alt="" /> <span class="sr-only">Login</span> </a> </li> <li class="utility-nav-cart"> <a href="/account/cart" target="" class="utility-nav-cart" aria-controls="user-nav-33a8d0a7-6b55-44c4-97f7-608c881a7eaa" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-cart.svg" alt="" /> <span class="sr-only">Cart</span> </a> </li> </ul> </nav> </div> </div> <div class="mobile-nav-panel level-1"> <div class="mobile-nav-header-min"> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li> <button class="mobile-nav-toggle" aria-expanded="false">HHKB Pro</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>HHKB Pro</strong> <a href="/hhkb" target="" class="" title="Browse HHKB Pro">View Details</a> </li> <li><a href="/snow" target="" class="">Snow Collection</a></li> <li><a href="/hhkb/pro-hybrid-type-s" target="" class="">Pro HYBRID Type-S</a></li> <li><a href="/hhkb/pro-hybrid" target="" class="">Pro HYBRID</a></li> <li><a href="/hhkb/pro-classic" target="" class="">Pro Classic</a></li> <li><a href="/hhkb/accessories" target="" class="">Accessories</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">HHKB Studio</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>HHKB Studio</strong> <a href="/hhkb-studio" target="" class="" title="Browse HHKB Studio">View Details</a> </li> <li><a href="/hhkb-studio/snow" target="" class="">Snow Collection</a></li> <li><a href="/hhkb-studio/product" target="" class="">Product</a></li> <li><a href="/hhkb-studio/accessories" target="" class="">Accessories</a></li> <li><a href="/hhkb-studio/look-book" target="" class="">Look Book</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">Support</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Support</strong> <a href="/support" target="" class="" title="Browse Support">View Details</a> </li> <li><a href="/support/faq" target="" class="">FAQ</a></li> <li><a href="/support/registration" target="|Custom" class="">Registration</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">Resources</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Resources</strong> <a href="/resources" target="" class="" title="Browse Resources">View Details</a> </li> <li><a href="/blog" target="" class="">Blog</a></li> <li><a href="/resources/features" target="" class="">Features</a></li> <li> <button type="button" class="mobile-nav-toggle" aria-expanded="false">Guides</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Resources</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Guides</strong> <a href="/guide" target="" class="">View Details</a> </li> <li><a href="/guide/keyboard-for-creators" target="" class="">Best Keyboard for Creators</a></li> <li><a href="/guide/keyboard-not-working" target="" class="">Keyboard Not Working?</a></li> <li><a href="/guide/best-keyboard-for-programming" target="" class="">Best Keyboards for Programming</a></li> <li><a href="/guide/best-keyboard-for-typing" target="" class="">Best Keyboard for Typing</a></li> <li><a href="/guide/custom-keyboard" target="" class="">Custom Mechanical Keyboards</a></li> <li><a href="/guide/keyboard-layouts" target="" class="">Keyboard Layouts</a></li> <li><a href="/guide/keyboard-sizes" target="" class="">Keyboard Sizes</a></li> <li><a href="/guide/keycaps" target="" class="">Keycaps</a></li> <li><a href="/guide/mechanical-keyboard-switches" target="" class="">Mechanical Keyboard Switches</a></li> <li><a href="/guide/mechanical-keyboard-guide" target="" class="">Mechanical Keyboards</a></li> </ul> </div> </li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">About</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>About</strong> <a href="/about" target="" class="" title="Browse About">View Details</a> </li> <li><a href="/about/contact-us" target="" class="">Contact Us</a></li> <li><a href="/about/history" target="" class="">History</a></li> <li><a href="/about/news" target="" class="">News</a></li> <li><a href="/about/press-releases" target="" class="">Press Releases</a></li> </ul> </div> </li> </ul> </div> <div class="collapse navbar-collapse nav-justify" id="searchDrawer"> </div> </nav> </div> </section> <section class="page-header" aria-label="Page Header"> <div class="container"> <div class="row justify-content-between align-items-center"> <div class="col-9"> <nav aria-label="Breadcrumb" class="breadcrumb-wrapper"> <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a target="" href="/" itemprop="item"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">HHKB Studio</span> <meta itemprop="position" content="2" /> </li> </ol> </nav> <strong class="page-title" title="HHKB Studio">HHKB Studio</strong> </div> <div class="col-3 page-nav"> </div> </div> </div> </section> </header> <section id="status-banner" class="status-banner status- hide"> <div class="container"> <div class="row"> <div id="status-banner-target" class="col-12 status-content"> </div> </div> </div> </section> <div class="modal fade status-banner-modal" id="statusBannerModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed" id="status-banner-modal-target"> </div> </div> </div> </div> </div> <main role="main" id="mainContent"> <a id="top" class="anchor"></a> <section class="page-navigation sticky"> <nav id="page-nav" aria-label="Section"> <button class="dropdown-toggle toggler d-block d-md-none" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Jump to a section</button> <div class="dropdown-menu nav-dropdown" aria-labelledby="dropdownMenuButton"> <ul class="nav"> <li class="nav-item"> <a class="nav-link" target="" href="#introduction" title="Browse Introduction">Introduction</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="/hhkb-studio/product" title="Browse Store">Store</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#feature" title="Browse Features">Features</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#videos" title="Browse Videos">Videos</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#gallery" title="Browse Gallery">Gallery</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#useful-information" title="Browse Useful Information">Useful Information</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#specs" title="Browse Specs">Specs</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#design" title="Browse Design">Design</a> </li> </ul> </div> </nav> </section> <div class=""> <section class="full-width-promo-with-background-image animated orientation-left mb-0 pb-0 theme-secondary" > <a name="hhkb-studio" class="anchor"></a> <div class="image-container"> <picture> <img src="/-/media/project/hhkeyboard/hhkb-studio/studio-hero.jpg?mw=1440&hash=E5D5EDF417EA987C07724A35897D766E" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row content-row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div data-aos="fade-right" data-aos-duration="1000" data-aos-delay="500"> <h2 class="heading-1">HHKB Studio</h2> </div> <div class="body" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="750"> Minimal Movement. Endless Creativity. </div> </div> <div class="cta-container" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="1000"> <a class="btn" href="/hhkb-studio/product" DisableDescription="True">Shop Now</a> </div> </div> </div> </div> </div> </div> </section> </div> <section class="content-block generic mb-0 pb-0" data-item-id="{1DDC6D72-CFBB-4F94-8092-B68C97A34817}" data-rendering-id="{289fc893-d3a1-412b-ba7e-9d951816d69b}" data-datasource-id="{FE4BB55C-E359-45EE-82D5-17B538BB4C58}" data-target="introduction"> <div class="content-block-container" > <div class="content-block-heading-wrapper"> <a name="introduction" class="anchor"></a> <div class="content-block-heading-container"> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <span> </span> </div> </div> </div> </section> <section class="content-block with-image animated generic layout-half orientation-left theme-secondary" data-target="innovation"> <div class="container"> <div class="row"> <div class="content-block-text" data-aos="fade-right" data-aos-duration="1000"> <div class="content-block-heading-wrapper"> <a name="innovation" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Innovation meets iconic features </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>HHKB Studio bridges legacy with innovation, preserving our historic compact key layout while introducing new technologies to cultivate an unparalleled typing experience.</p> </div> </div> </div> <div class="content-block-image" data-aos="zoom-in" data-aos-duration="500"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb-studio/1_best_of_hhkb_3.png?h=600&iar=0&mw=1200&w=800&hash=035577002195F78A1BA388616989B1DA" class="img-fluid" alt="" width="800" height="600" /> </div> </div> </div> </div> </section> <section class="content-block with-image animated generic layout-two-thirds orientation-right no-border" data-target="all-in-one-design"> <div class="container"> <div class="row"> <div class="content-block-text" data-aos="fade-left" data-aos-duration="1000"> <div class="content-block-heading-wrapper"> <a name="all-in-one-design" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> All-in-One design with unprecedented convenience </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p> Innovative Gesture Pads and integrated mouse functions minimize hand movements while unlocking endless input capabilities. </p> </div> </div> </div> <div class="content-block-image" data-aos="zoom-in" data-aos-duration="500"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb-studio/2-all-in-one-design.jpg?h=600&iar=0&mw=1200&w=800&hash=216B016AE67AB05A2061F1821E26247D" class="img-fluid" alt="HHKB Studio keyboard mouse button" width="800" height="600" /> </div> </div> </div> </div> </section> <section class="content-block with-image animated generic layout-two-thirds orientation-left theme-secondary no-border" data-target="unique-keyboard"> <div class="container"> <div class="row"> <div class="content-block-text" data-aos="fade-right" data-aos-duration="1000"> <div class="content-block-heading-wrapper"> <a name="unique-keyboard" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> A unique keyboard designed for you </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>Customize the Gesture Pads, keymap, and mechanical switches in our first-ever hot-swappable keyboard to create a personalized typing experience. </p> </div> </div> </div> <div class="content-block-image" data-aos="zoom-in" data-aos-duration="500"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb-studio/3_a_unique_keyboard2.jpg?h=600&iar=0&mw=1200&w=800&hash=F77EFE452CFA4D114B6B07B208121BCF" class="img-fluid" alt="" width="800" height="600" /> </div> </div> </div> </div> </section> <section class="cta-blade mb-0 theme-secondary"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <a name="store" class="anchor"></a> <div class="cta-container"> <a class="btn btn-reverse" href="/hhkb-studio/product" DisableDescription="True">Store</a> </div> </div> </div> </div> </section> <section class="subhead-content-block standard alignment-center mb-0 pb-0 theme-secondary"> <a name="feature" class="anchor"></a> <div class="container"> <div class="row justify-content-center"> <div class="col-9"> <a name="a-closer-look-at-the-hhkb-studio" class="anchor"></a><h2>A closer look at the HHKB Studio</h2> </div> </div> </div> </section> <section class="content-block with-image animated generic layout-half orientation-right mb-0 pb-0 theme-secondary" data-target="endless-creativity"> <div class="container"> <div class="row"> <div class="content-block-text" data-aos="fade-left" data-aos-duration="1000"> <div class="content-block-heading-wrapper"> <a name="endless-creativity" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Experience a keyboard that unleashes endless creativity </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p> </p> </div> </div> </div> <div class="content-block-image" data-aos="zoom-in" data-aos-duration="500"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb-studio/4-endless-creativity.png?h=600&iar=0&mw=1200&w=800&hash=42E92C941E62F9D3ADC81D50DD9DE440" class="img-fluid" alt="HHKB Studio keyboard" width="800" height="600" /> </div> </div> </div> </div> </section> <section class="promo-with-animated-video animated layout-half orientation-left theme-secondary"> <div class="container"> <div class="row d-flex align-items-center"> <div class="video-container" data-aos="zoom-in" data-aos-duration="500"> <figure> <video playsinline="true" webkit-playsinline="true" preload="auto" muted="muted" loop=loop> <source type="video/mp4" src="/-/media/project/hhkeyboard/hhkb-studio/pointing_stick.mp4" /> </video> </figure> </div> <div class="content-container" data-aos="fade-right" data-aos-duration="1000"> <a name="advanced-navigation-functions-in-a-compact-design" class="anchor"></a> <h2 class="">Advanced navigation functions in a compact design</h2> <div><p class="pr-md-5">With integrated mouse functionality including a pointer stick cursor and three mouse buttons, you eliminate unnecessary hand movement and can comfortably use your HHKB anywhere.</p></div> </div> </div> </div> </section> <section class="promo-with-animated-video animated layout-half orientation-right theme-secondary"> <div class="container"> <div class="row d-flex align-items-center"> <div class="video-container" data-aos="zoom-in" data-aos-duration="500"> <figure> <video playsinline="true" webkit-playsinline="true" preload="auto" muted="muted" loop=loop> <source type="video/mp4" src="/-/media/project/hhkeyboard/hhkb-studio/gesturepads.mp4" /> </video> </figure> </div> <div class="content-container" data-aos="fade-left" data-aos-duration="1000"> <a name="gesture-pads-let-you-work-with-more-freedom-and-intuition" class="anchor"></a> <h2 class="">Gesture Pads let you work with more freedom and intuition</h2> <div><p> The four touch-operated gesture pads offer a vast range of capabilities, such as adjusting volume, window toggling, moving sources when coding, or creating shortcut keys for smooth operations of your favorite applications. </p></div> </div> </div> </div> </section> <div class=""> <section class="full-width-promo-with-background-image animated orientation-right mb-0 theme-secondary" > <a name="customize" class="anchor"></a> <div class="image-container"> <picture> <img src="/-/media/project/hhkeyboard/hhkb-studio/7-customize-background.jpg?mw=1440&hash=66F2EC9407E681B11F818698D751FB1F" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row content-row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div data-aos="fade-left" data-aos-duration="1000" data-aos-delay="500"> <h2 class="heading-1">Make your keyboard work for you</h2> </div> <div class="body" data-aos="fade-left" data-aos-duration="1000" data-aos-delay="750"> <p> Customize your HHKB Studio to fit your personal work style </p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="promo-with-animated-video animated layout-half orientation-right theme-secondary"> <div class="container"> <div class="row d-flex align-items-center"> <div class="video-container" data-aos="zoom-in" data-aos-duration="500"> <figure> <video playsinline="true" webkit-playsinline="true" preload="auto" muted="muted" loop=loop> <source type="video/mp4" src="/-/media/project/hhkeyboard/hhkb-studio/mechanical_switch.mp4" /> </video> </figure> </div> <div class="content-container" data-aos="fade-left" data-aos-duration="1000"> <a name="hhkb-original-45g-actuation-linear-mechanical-switches" class="anchor"></a> <h2 class="">HHKB original 45g-actuation linear mechanical switches</h2> <div><p> Our new, linear key switches offer a soft, muted tone with light actuation to reduce key chatter and hand fatigue—allowing deep concentration even after hours of typing. Easily integrate your preferred switches and create your perfect tool and environment for creation with our hot-swappable keyboard. </p></div> </div> </div> </div> </section> <section class="promo-text-and-image animated layout-half orientation-left theme-secondary"> <div class="container"> <div class="row"> <div class="text-col" data-aos="fade-right" data-aos-duration="1000"> <div class="content-container"> <div class="text"> <a name="keymap-customizability-enables-use-with-any-host-device" class="anchor"></a> <h2 class="heading-1">Keymap customizability enables use with any host device</h2> <div class="body"><p>Change the keymap and Gesture Pad functions to maximize your output. Save up to four customized layout profiles on your keyboard and use shortcut keys to quickly change to a different profile. These different profiles allow you to create optimal and customized keymaps catered to specific applications or operating systems that you use.</p></div> </div> <div class="cta-container"> <a href="https://happyhackingkb.com/download" DisableDescription="True" rel="noopener noreferrer" class="btn" target="_blank">Download</a> </div> </div> </div> <div class="image-col" data-aos="zoom-in" data-aos-duration="500"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb-studio/keymap_cat_1.jpg?h=600&iar=0&mw=1200&w=813&hash=2556E99BFDF90733A569D637B3000193" class="img-fluid" alt="HHKB Studio Keymap User Interface" width="813" height="600" /> </div> </div> </div> </div> </section> <section class="promo-text-and-image animated layout-half orientation-right theme-secondary"> <div class="container"> <div class="row"> <div class="text-col" data-aos="fade-left" data-aos-duration="1000"> <div class="content-container"> <div class="text"> <a name="look-book" class="anchor"></a> <h2 class="heading-1">HHKB Studio Look Book</h2> <div class="body"><p>HHKB celebrates this hallmark release with a special Look Book and collaboration with the amazing artisan keycap artist, Tinymakesthings.</p></div> </div> <div class="cta-container"> <a class="btn" href="/hhkb-studio/look-book" DisableDescription="True">View Look Book</a> </div> </div> </div> <div class="image-col" data-aos="zoom-in" data-aos-duration="500"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/studio/tiny_studio_2.jpg?h=600&iar=0&mw=1200&w=800&hash=F9274BBEE04603733B30E0AFE6681890" class="img-fluid" alt="" width="800" height="600" /> </div> </div> </div> </div> </section> <section class="digitized-image-promo theme-secondary"> <div class="container"> <div class="row"> <div class="col-md-5 content-container" > <a name="download-hhkb-studio-key-top-3d-data" class="anchor"></a> <h2>Download HHKB Studio Key Top 3D Data</h2> <div><p> Take HHKB Studio customization a step further and create your ultimate typing companion. Click through to access the 3D Data for HHKB Studio's key top sets. Includes standard keys and mouse buttons. </p></div> <a class="cta text-white" href="/hhkb-studio/keytop-3d-data-download" DisableDescription="True">Download 3D Data</a> </div> <div class="col-md-7" > <figure> <img src="/-/media/project/hhkeyboard/hhkb-studio/banner_3d_data.jpg?h=343&iar=0&w=574&hash=E649E66D9591BBF9210477297A3C4B16" class="img-fluid" alt="Man sitting at his desk in front of a computer monitor viewing an image of HHKB Studio 3D data. " width="574" height="343" /> </figure> </div> </div> </div> </section> <section class="promo-text-and-image animated layout-half orientation-right theme-secondary"> <div class="container"> <div class="row"> <div class="text-col" data-aos="fade-left" data-aos-duration="1000"> <div class="content-container"> <div class="text"> <a name="blank-key-tops" class="anchor"></a> <h2 class="heading-1">Blank key tops for a minimalist experience</h2> <div class="body"><p>Blank key tops will transform your HHKB Studio into a sleeker and more minimalist keyboard. They are perfect for those in pursuit of the best typing experience while showing off their touch-typing skills. The blank key tops will give you ultimate immersion without the distraction of the interface, allowing you to achieve your creative work to an even higher standard.</p></div> </div> <div class="cta-container"> <a class="btn" href="/accessories/hhkb-studio-charcoal-full-key-top-set/sku/cg01000-310241" DisableDescription="True">Purchase Now</a> </div> </div> </div> <div class="image-col" data-aos="zoom-in" data-aos-duration="500"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb-studio/studio_blank_keycaps_1.png?h=600&iar=0&mw=1200&w=800&hash=DC771EC03E1D449DC2FA95F79D48AE2B" class="img-fluid" alt="Blank Keycaps for HHKB Studio" width="800" height="600" /> </div> </div> </div> </div> </section> <section class="promo-text-and-image layout-half orientation-left pb-0 theme-secondary"> <div class="container"> <div class="row"> <div class="text-col" > <div class="content-container"> <div class="text"> <a name="matsuba-hand-crafted-kikkou-naguri-wooden-palm-rest-and-gesture-pad-guide" class="anchor"></a> <h2 class="heading-1">Matsuba Hand Crafted <em>"Kikkou-Naguri"</em> Wooden Palm Rest and Gesture Pad Guide</h2> <div class="body"><p>Meticulously chiseled by skilled artisans in Japan, Matsuba brings the traditional Japanese technique known as Kikkou-Naguri, a Tortoiseshell Carving technique, to deliver exquisite tactile sensation in a beautifully finished palm rest and Gesture Pad Guide, exclusively designed for HHKB Studio.</p> <p><strong><span style="text-decoration: underline;"><sub>Note</sub></span></strong><sub>: This is a third party product link. PFU America, Inc. makes no representation or warranties for third party products.</sub></p></div> </div> <div class="cta-container"> <a href="https://www.matsuba-factory.com/en/hhkb-studio" DisableDescription="True" rel="noopener noreferrer" class="btn" target="_blank">Go to Matsuba Webstore</a> </div> </div> </div> <div class="image-col" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb-studio/studio_matsuba_sm.jpg?h=600&iar=0&mw=1200&w=800&hash=6C7BB5ED943E01C8B8E15C2E5F2F34E2" class="img-fluid" alt="HHKB Studio Keyboard with a Matsuba Hand Crafted "Kikkou-Naguri" Wooden Palm Rest" width="800" height="600" /> </div> </div> </div> </div> </section> <section class="card-deck animated resources-card arrow-cta items-per-row-fluid mb-0 theme-secondary" data-show-more="3"> <div class="container"> <div class="row"> <div class="col"> <a name="videos" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> See HHKB Studio in Action </h2> </div> </div> </div> </div> <div class="row justify-content-center main-content"> <div class="card-col video-card trigger-video-modal" data-video-id="nYR46jCa8fI" data-video-start="0" data-video-host="youtube" data-toggle="modal" data-target="#videoModal" id="videoModalTrigger-nYR46jCa8fI" role="button" title="Play Video: Welcome to HHKB Studio" aria-label="Play Video: Welcome to HHKB Studio" tabindex="0" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="0"> <div class="card with-link"> <div class="card-img-top"> <div class="img-container"> <span class="video-container"> <img src="https://img.youtube.com/vi/nYR46jCa8fI/maxresdefault.jpg" alt="" class="img-fluid" /> </span> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Video</h3> <h4>Welcome to HHKB Studio</h4> </div> <div class="cta-wrapper"> <span class="card-cta"> Play Video<span class="sr-only">: Welcome to HHKB Studio</span> </span> </div> </div> </div> </div> <div class="card-col video-card trigger-video-modal" data-video-id="1ozgNUPX4d0" data-video-start="0" data-video-host="youtube" data-toggle="modal" data-target="#videoModal" id="videoModalTrigger-1ozgNUPX4d0" role="button" title="Play Video: HHKB Studio ASMR" aria-label="Play Video: HHKB Studio ASMR" tabindex="0" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="500"> <div class="card with-link"> <div class="card-img-top"> <div class="img-container"> <span class="video-container"> <img src="https://img.youtube.com/vi/1ozgNUPX4d0/maxresdefault.jpg" alt="" class="img-fluid" /> </span> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Video</h3> <h4>HHKB Studio ASMR</h4> </div> <div class="cta-wrapper"> <span class="card-cta"> Play Video<span class="sr-only">: HHKB Studio ASMR</span> </span> </div> </div> </div> </div> <div class="card-col video-card trigger-video-modal" data-video-id="FEKKSutM2nU" data-video-start="0" data-video-host="youtube" data-toggle="modal" data-target="#videoModal" id="videoModalTrigger-FEKKSutM2nU" role="button" title="Play Video: HHKB Studio: Minimal Movement, Endless Creativity" aria-label="Play Video: HHKB Studio: Minimal Movement, Endless Creativity" tabindex="0" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000"> <div class="card with-link"> <div class="card-img-top"> <div class="img-container"> <span class="video-container"> <img src="https://img.youtube.com/vi/FEKKSutM2nU/maxresdefault.jpg" alt="" class="img-fluid" /> </span> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Video</h3> <h4>HHKB Studio: Minimal Movement, Endless Creativity</h4> </div> <div class="cta-wrapper"> <span class="card-cta"> Play Video<span class="sr-only">: HHKB Studio: Minimal Movement, Endless Creativity</span> </span> </div> </div> </div> </div> </div> </div> </section> <section class="subhead-content-block standard alignment-center mb-0 pb-0 theme-secondary"> <a name="gallery" class="anchor"></a> <div class="container"> <div class="row justify-content-center"> <div class="col-9"> <a name="gallery" class="anchor"></a><h2>Gallery</h2> </div> </div> </div> </section> <a name="gallery" class="anchor"></a> <section class="item-details item-details-with-gallery large-gallery theme-secondary"> <div class="container"> <div class="row"> <div class="col-12 col-lg-7"> <div class="gallery-container"> <div class="thumbnail-gallery-slick enable-modal-arrows"> <div class="thumbnail" data-image="/-/media/project/hhkeyboard/products/studio/gallery/gallery01.jpeg?mw=1200&hash=00185B273598E5507EEA6046F62DCD0C" role="button" title="Load Image"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery01.jpeg?mw=300&hash=B45CECE63CE2FB3A684F3F4DF5E8F473" alt="" class="img-fluid" /> </div> </div> <div class="thumbnail" data-image="/-/media/project/hhkeyboard/products/studio/gallery/gallery02.jpeg?mw=1200&hash=04EA6B5266D435CA7516637059E3E279" role="button" title="Load Image"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery02.jpeg?mw=300&hash=E13B3A13E9AABF7E4C275D469201937E" alt="" class="img-fluid" /> </div> </div> <div class="thumbnail" data-image="/-/media/project/hhkeyboard/products/studio/gallery/gallery03.jpeg?mw=1200&hash=C1B7C309830FFCDC5D3EE2C69CC3A41C" role="button" title="Load Image"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery03.jpeg?mw=300&hash=0A583ECA5386C93ABC4DDB8F40B5D096" alt="" class="img-fluid" /> </div> </div> <div class="thumbnail" data-image="/-/media/project/hhkeyboard/products/studio/gallery/gallery04.jpeg?mw=1200&hash=8F8E2020BF785D41E5F01CF9DFB8A6A4" role="button" title="Load Image"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery04.jpeg?mw=300&hash=3C5BAE4207CDBC7018A0550CFD7EDC1A" alt="" class="img-fluid" /> </div> </div> <div class="thumbnail" data-image="/-/media/project/hhkeyboard/products/studio/gallery/gallery05.jpeg?mw=1200&hash=A47B1122D351414B21A957A65DC02C13" role="button" title="Load Image"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery05.jpeg?mw=300&hash=C04A5D48CE2594E9E2F47CE0E853A3F8" alt="" class="img-fluid" /> </div> </div> <div class="thumbnail" data-image="/-/media/project/hhkeyboard/products/studio/gallery/gallery06.jpeg?mw=1200&hash=FA9D2AA6183DEE80C3D0E02A8FE5FF62" role="button" title="Load Image"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery06.jpeg?mw=300&hash=CC7F69E11E6487047C8C7377E229DD1C" alt="" class="img-fluid" /> </div> </div> </div> <figure data-toggle="modal" data-target="#thumbnailGalleryModal" role="button" title="View Image" tabindex="0"> <div class="spinner-border text-dark" role="status"> <span class="sr-only">Loading...</span> </div> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery01.jpeg?mw=800&hash=76A731944D2B0EA3016BF4E03172AFF5" alt="" class="img-fluid" /> </figure> </div> </div> </div> </div> </section> <div class="modal fade" id="thumbnailGalleryModal" tabindex="-1" role="dialog" aria-hidden="true" data-min-slides="0"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center"> <img src="/-/media/project/hhkeyboard/products/studio/gallery/gallery01.jpeg?mw=1200&hash=00185B273598E5507EEA6046F62DCD0C" alt="" class="img-fluid" /> <button class="slick-prev slick-arrow-modal" aria-label="Previous" type="button" style="" tabindex="0">Previous</button> <button class="slick-next slick-arrow-modal" aria-label="Next" type="button" style="" tabindex="0">Next</button> </div> </div> </div> </div> <section class="card-deck animated resources-card arrow-cta items-per-row-3 orientation-center mb-0 theme-secondary" data-show-more="3"> <div class="container"> <div class="row"> <div class="col"> <a name="useful-information" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Useful Information </h2> </div> </div> </div> </div> <div class="row justify-content-center main-content"> <div class="card-col video-card trigger-video-modal" data-video-id="i-eOgi8LK5g" data-video-start="0" data-video-host="youtube" data-toggle="modal" data-target="#videoModal" id="videoModalTrigger-i-eOgi8LK5g" role="button" title="Play Video: Adjusting the Sensitivity on Gesture Pad" aria-label="Play Video: Adjusting the Sensitivity on Gesture Pad" tabindex="0" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="0"> <div class="card with-link"> <div class="card-img-top"> <div class="img-container"> <span class="video-container"> <img src="https://img.youtube.com/vi/i-eOgi8LK5g/maxresdefault.jpg" alt="" class="img-fluid" /> </span> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Video</h3> <h4>Adjusting the Sensitivity on Gesture Pad</h4> </div> <div class="cta-wrapper"> <span class="card-cta"> Play Video<span class="sr-only">: Adjusting the Sensitivity on Gesture Pad</span> </span> </div> </div> </div> </div> <div class="card-col video-card trigger-video-modal" data-video-id="_LW06q34iak" data-video-start="0" data-video-host="youtube" data-toggle="modal" data-target="#videoModal" id="videoModalTrigger-_LW06q34iak" role="button" title="Play Video: Changing the Cursor Speed on Pointing Stick" aria-label="Play Video: Changing the Cursor Speed on Pointing Stick" tabindex="0" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="500"> <div class="card with-link"> <div class="card-img-top"> <div class="img-container"> <span class="video-container"> <img src="https://img.youtube.com/vi/_LW06q34iak/maxresdefault.jpg" alt="" class="img-fluid" /> </span> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Video</h3> <h4>Changing the Cursor Speed on Pointing Stick</h4> </div> <div class="cta-wrapper"> <span class="card-cta"> Play Video<span class="sr-only">: Changing the Cursor Speed on Pointing Stick</span> </span> </div> </div> </div> </div> <div class="card-col video-card trigger-video-modal" data-video-id="iy3k_WBXgLo" data-video-start="0" data-video-host="youtube" data-toggle="modal" data-target="#videoModal" id="videoModalTrigger-iy3k_WBXgLo" role="button" title="Play Video: Enabling and Disabling Gesture Pads" aria-label="Play Video: Enabling and Disabling Gesture Pads" tabindex="0" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000"> <div class="card with-link"> <div class="card-img-top"> <div class="img-container"> <span class="video-container"> <img src="https://img.youtube.com/vi/iy3k_WBXgLo/maxresdefault.jpg" alt="" class="img-fluid" /> </span> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Video</h3> <h4>Enabling and Disabling Gesture Pads</h4> </div> <div class="cta-wrapper"> <span class="card-cta"> Play Video<span class="sr-only">: Enabling and Disabling Gesture Pads</span> </span> </div> </div> </div> </div> </div> </div> </section> <section class="specifications-table animated with-background-image"> <div class="container"> <div class="image-container"> <picture> <img src="/-/media/project/hhkeyboard/hhkb-studio/hhkb-studio-specs-keyboard.png?mw=1440&hash=5B9557C5A0A96292BB015114AF89467A" alt="" class="img-fluid" /> </picture> </div> <div class="row"> <div class="col text-center"> <a name="specs" class="anchor"></a> <h2>Specs</h2> </div> </div> <div class="row justify-content-center"> <div class="col d-flex justify-content-center" data-aos-once="true" data-aos="fade-up" data-aos-duration="1000" data-aos-anchor-placement="top-center"> <dl> <span> <dt>Supported OS</dt> <dd> <div> Windows 10 (64-bit) or later </div> <div> macOS 11 or later </div> <div> Android 9 or later </div> <div> iOS 13.7 or later </div> <div> iPad OS 13.0 or later </div> </dd> </span> <span> <dt>Key switches</dt> <dd> <div> Mechanical switches </div> <div> Key stroke 3.6mm </div> </dd> </span> <span> <dt>Pointing Stick</dt> <dd> <div> <img src="/-/media/project/hhkeyboard/products/studio/icon-checkmark-white.svg?mw=32&hash=66C9517641ECDE6870E27C107A29F193" alt="specLevel2.Title" class="spec-icon" /> </div> </dd> </span> <span> <dt>Gesture Pad</dt> <dd> <div> <img src="/-/media/project/hhkeyboard/products/studio/icon-checkmark-white.svg?mw=32&hash=66C9517641ECDE6870E27C107A29F193" alt="specLevel2.Title" class="spec-icon" /> </div> </dd> </span> <span> <dt>Key Switch Replacement</dt> <dd> <div> <img src="/-/media/project/hhkeyboard/products/studio/icon-checkmark-white.svg?mw=32&hash=66C9517641ECDE6870E27C107A29F193" alt="specLevel2.Title" class="spec-icon" /> </div> <div> Supports hot swapping <a id="fn-1-ref" aria-label="Footnote 1." href="#footnote-1"><sup>[1] <span class="sr-only">Compatible with the standard profile MX 3-pin or 5-pin mechanical switches (Supports switches made by Cherry, Gateron and Kailh)</span></sup></a> </div> </dd> </span> <span> <dt>Weight</dt> <dd> <div> 1.9 lbs (excluding batteries) </div> </dd> </span> <span> <dt>Size</dt> <dd> <div> 12” (W) x 5.2” (D) x 1.6” (H) </div> <div> Up to key top surface </div> </dd> </span> <span> <dt>Batteries</dt> <dd> <div> AA dry cell battery x 4 (or power supplied from USB connector) <a id="fn-2-ref" aria-label="Footnote 2." href="#footnote-2"><sup>[2] <span class="sr-only">Interval that is estimated when alkaline dry batteries are used: Approx. 3 months (This is not guaranteed because it is a value that is estimated from the test conducted in our environment.)</span></sup></a> </div> </dd> </span> </dl> </div> </div> <div class="row"> <div class="col"> <ol class="references my-4"> <li> <a class="anchor" id="footnote-1"></a> Compatible with the standard profile MX 3-pin or 5-pin mechanical switches (Supports switches made by Cherry, Gateron and Kailh) </li> <li> <a class="anchor" id="footnote-2"></a> Interval that is estimated when alkaline dry batteries are used: Approx. 3 months (This is not guaranteed because it is a value that is estimated from the test conducted in our environment.) </li> </ol> </div> </div> </div> </section> <section class="content-block generic mb-0 pb-0" data-item-id="{1DDC6D72-CFBB-4F94-8092-B68C97A34817}" data-rendering-id="{af22abb7-0352-4d5f-867a-a63f2eec02be}" data-datasource-id="{6D5BD56D-AD91-4695-A834-C93D19580C00}" data-target="design"> <div class="content-block-container" > <div class="content-block-heading-wrapper"> <a name="design" class="anchor"></a> <div class="content-block-heading-container"> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <span> </span> </div> </div> </div> </section> <section class="content-block animated centered background-color-white mb-0" data-item-id="{1DDC6D72-CFBB-4F94-8092-B68C97A34817}" data-rendering-id="{ccce0168-2285-48c3-86be-9dd9bae0aa31}" data-datasource-id="{7BAE422F-1F91-4D37-9DF9-C38E5350DA57}" data-target="design-block"> <div class="content-block-container" data-aos="fade-up" data-aos-duration="1000"> <div class="content-block-heading-wrapper"> <a name="design-block" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Design </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>HHKB Studio's concept was born in PFU America Inc, and the product design was done by HUGE.</p> <h3>Designed in California in collaboration with Huge.</h3> <p><img src="/-/media/project/hhkeyboard/products/studio/icon-huge.svg" alt="HUGE logo" class="img-fluid" /></p> </div> </div> </div> </section> </main> <footer class="primary-footer"> <div class="footer-wrapper bg-dark-gray"> <div class="container"> <div class="row main-wrap"> <nav class="footer-primary" aria-label="Footer Main"> <ul class="nav"> <li> <a class="nav-link" target="" href="/hhkb" title="Browse HHKB Pro">HHKB Pro</a> <ul> <li> <a class="nav-link" target="" href="/snow" title="Browse Snow Collection">Snow Collection</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-hybrid-type-s" title="Browse Pro HYBRID Type-S">Pro HYBRID Type-S</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-hybrid" title="Browse Pro HYBRID">Pro HYBRID</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-classic" title="Browse Pro Classic">Pro Classic</a> </li> <li> <a class="nav-link" target="" href="/hhkb/accessories" title="Browse Accessories">Accessories</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/hhkb-studio" title="Browse HHKB Studio">HHKB Studio</a> <ul> <li> <a class="nav-link" target="" href="/hhkb-studio/snow" title="Browse Snow Collection">Snow Collection</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/product" title="Browse Product">Product</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/accessories" title="Browse Accessories">Accessories</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/look-book" title="Browse Look Book">Look Book</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/support" title="Browse Support">Support</a> <ul> <li> <a class="nav-link" target="" href="/support/faq" title="Browse FAQ">FAQ</a> </li> <li> <a class="nav-link" target="" href="/support/registration" title="Browse Registration">Registration</a> </li> <li> <a class="nav-link" target="" href="/support/faq/store" title="Browse Store FAQ">Store FAQ</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/resources" title="Browse Resources">Resources</a> <ul> <li> <a class="nav-link" target="" href="/blog" title="Browse Blog">Blog</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-guide" title="Browse Guides">Guides</a> <ul> <li> <a class="nav-link" target="" href="/guide/best-keyboard-for-programming" title="Browse Best Keyboards for Programming">Best Keyboards for Programming</a> </li> <li> <a class="nav-link" target="" href="/guide/custom-keyboard" title="Browse Custom Mechanical Keyboards">Custom Mechanical Keyboards</a> </li> <li> <a class="nav-link" target="" href="/guide/keyboard-layouts" title="Browse Keyboard Layouts">Keyboard Layouts</a> </li> <li> <a class="nav-link" target="" href="/guide/keyboard-sizes" title="Browse Keyboard Sizes">Keyboard Sizes</a> </li> <li> <a class="nav-link" target="" href="/guide/keycaps" title="Browse Keycaps">Keycaps</a> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-switches" title="Browse Mechanical Keyboard Switches">Mechanical Keyboard Switches</a> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-guide" title="Browse Mechanical Keyboards">Mechanical Keyboards</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/about" title="Browse About">About</a> <ul> <li> <a class="nav-link" target="" href="/about/contact-us" title="Browse Contact Us">Contact Us</a> </li> <li> <a class="nav-link" target="" href="/about/history" title="Browse History">History</a> </li> <li> <a class="nav-link" target="" href="/about/news" title="Browse News">News</a> </li> <li> <a class="nav-link" target="" href="/about/press-releases" title="Browse Press Releases">Press Releases</a> </li> </ul> </li> </ul> </nav> <div class="sidebar-wrap"> <nav class="footer-social" aria-label="Footer Social"> <h3>Social</h3> <ul class="nav"> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.instagram.com/hhkb_us/" title="Browse Instagram"> <span class="icon icon-instagram"> <span class="sr-only">Instagram</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.facebook.com/HHKBUS/" title="Browse Facebook"> <span class="icon icon-facebook"> <span class="sr-only">Facebook</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.linkedin.com/showcase/hhkb/" title="Browse LinkedIn"> <span class="icon icon-linkedin"> <span class="sr-only">LinkedIn</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://x.com/HHKB_US" title="Browse X"> <span class="icon icon-x"> <span class="sr-only">X</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="" href="https://www.youtube.com/c/HappyHackingKeyboardUS" title="Browse YouTube"> <span class="icon icon-youtube"> <span class="sr-only">YouTube</span> </span> </a> </li> </ul> </nav> </div> </div> <div class="row"> <div class="col"> <nav class="footer-legal d-flex" aria-label="Footer Legal"> <small> <div class="legal-content"> <img src="/Themes/Common/images/pfu-logo-white.svg" class="legal-logo" alt="PFU - A Ricoh Company logo" /> <div class="body-xs-medium"> <p>PFU America, Inc. is the primary authorized seller of HHKB keyboards in the U.S.</p> <p>Copyright © 2025 PFU America, Inc. All Rights Reserved.</p> </div> </div> <div class="legal-nav-container"> <ul class="nav"> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/accessibility" title="Browse Accessibility">Accessibility</a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/terms" title="Browse Terms">Terms</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="/privacy" title="Browse Privacy">Privacy</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#cookie-preferences" title="Browse Cookie Preferences">Cookie Preferences</a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/privacy#opt-out-sale" title="Browse Do Not Sell or Share My Personal Information">Do Not Sell or Share My Personal Information</a> </li> </ul> </div> </small> </nav> </div> </div> </div> </div> </footer> <div id="imageModal" class="modal fade image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header text-center d-block"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" id="imageModalTarget"> </div> </div> </div> </div> <div class="modal fade video-modal" id="videoModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed"> <div class="embed-responsive embed-responsive-16by9" id="vimeoTargetWrapper"> <div id="vimeoTarget"></div> </div> <div class="embed-responsive embed-responsive-16by9" id="ytTargetWrapper"> <div id="ytTargetModal"></div> </div> </div> <div class="slick-arrows d-none"> <button class="slick-prev slick-arrow-modal" aria-label="Previous" type="button" style="" tabindex="0">Previous</button> <button class="slick-next slick-arrow-modal" aria-label="Next" type="button" style="" tabindex="0">Next</button> </div> </div> </div> </div> </div> <div class="modal fade hubspot-modal" id="hubspotModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title d-none">Contact Us</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed" id="hubspot-target"> </div> </div> </div> </div> </div> </div> <script src="/scripts/main-hhkeyboard-202504022234.js" type="text/javascript"></script> <script type="text/javascript"> var cpaAccount = 'hhkeyboardus'; var cpaE = ''; var cpa_async = { 'ctag': '', 'utmipn': '', 'utmipc': '', 'utmtid': '', 'utmtto': '', 'cutmcn': '', 'cutmcc': '' }; </script> <script src="//ping.contactpigeon.com/bi/js/cpagent143125.js?cid=hhkeyboardus&v=001" type="text/javascript"></script> <style> .osano-cm-widget { display: none; } </style> </body> </html>