CINXE.COM
HHKB Pro Keyboards - Happy Hacking Keyboard Professional HYBRID Type-S, HYBRID, & Classic Available Online
<!DOCTYPE html> <html lang="en" class="en"> <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 Pro Keyboards - Happy Hacking Keyboard Professional HYBRID Type-S, HYBRID, & Classic Available Online </title> <meta name="description" content="Featuring best-in-class Topre electrostatic capacitive switches, HHKB Professional mechanical keyboards make keying a joy, even after hours of typing. Learn more about HHKB Pro models here." /> <meta property="og:type" content="website" /> <meta property="og:title" content="HHKB Pro Keyboards - Happy Hacking Keyboard Professional HYBRID Type-S, HYBRID, & Classic Available Online " /> <meta property="og:description" content="Featuring best-in-class Topre electrostatic capacitive switches, HHKB Professional mechanical keyboards make keying a joy, even after hours of typing. Learn more about HHKB Pro models here." /> <meta property="og:url" content="https://hhkeyboard.us/hhkb" /> <link rel="canonical" href="https://hhkeyboard.us/hhkb" /> <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"> main > .themed-container { padding-top: 0px; } </style> <meta name="VIcurrentDateTime" content="638794247365780420" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="x-default" href="https://www.hhkeyboard.com/uk/products/" /> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/hhkb" /> </head> <body class=""> <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-306c2bc0-d30f-4e8c-8b9f-4041bdfec8e8" 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-c0a42138-5c71-422f-bc2f-36a32eaf3e41" 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-23b95e4d-42e9-47a7-bd81-1bc186984717" 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-f3df3396-3689-4771-b563-c911b6bef7fa" 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 active dropdown levels-1"> <a class="nav-link active dropdown-toggle" id="navbarDropdownMenuLink_f7c79696-59db-4824-9c31-68fa2c6ea373" 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_f7c79696-59db-4824-9c31-68fa2c6ea373"> <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 dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_1ea10877-8a93-4fa5-bf8e-45069cbb6ddb" 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_1ea10877-8a93-4fa5-bf8e-45069cbb6ddb"> <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_0d247743-05d9-4eaf-98c0-d6b447ffecc7" target="" href="/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_0d247743-05d9-4eaf-98c0-d6b447ffecc7"> <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_b5187a10-08e6-410f-8d80-cbf6a112a772" 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_b5187a10-08e6-410f-8d80-cbf6a112a772"> <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_a4270519-cabc-4b8c-b87f-a9d3899af48f" 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_a4270519-cabc-4b8c-b87f-a9d3899af48f"> <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-f5b7515d-56c6-4b3f-8cea-8e013e93d9de" 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-ad7dd9d0-7e6b-4c2b-809e-3a9c53936d6e" 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 Pro</span> <meta itemprop="position" content="2" /> </li> </ol> </nav> <strong class="page-title" title="HHKB Pro">HHKB Pro</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> <div class="themed-container theme-secondary"> <div class=""> <section class="full-width-promo-with-background-image orientation-left theme-secondary" > <a name="the-iconic-digital-companion" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/hhkb/hhkb-hero_sm.jpg?mw=576&hash=6B2EEFD32B637242C679630C40E436DF" /> <img src="/-/media/project/hhkeyboard/hhkb/hhkb-hero_lg.jpg?mw=1440&hash=B10288F911B809F419DEE75BD083222D" 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 > <h2 class="heading-1">The Iconic Digital Companion</h2> </div> <div class="body" > </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="promo-text-and-image layout-half orientation-left mb-0 theme-secondary"> <div class="container"> <div class="row"> <div class="text-col" > <div class="content-container"> <div class="text"> <a name="introducing-the-dandelion-full-key-top-set" class="anchor"></a> <h2 class="heading-1">Introducing: The Dandelion Full Key Top Set</h2> <div class="body"><p>Here for a single run, limited quantity, Dandelion key tops introduce color and creative expression to the HHKB Professional series. Available in both blank and printed versions, get yours before they’re gone! </p></div> </div> <div class="cta-container"> <a class="btn" href="/accessories/dandelion-full-key-top-set" DisableDescription="True">Learn More</a> </div> </div> </div> <div class="image-col" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/home/dandelionhero.png?h=555&iar=0&mw=1200&w=1200&hash=16BEFBB6027429995DE4DF0B4CEC1FF3" class="img-fluid" alt="" width="1200" height="555" /> </div> </div> </div> </div> </section> </div> <section class="product-list card-deck items-per-row-3"> <div class="container"> <div class="row"> <div class="col"> <div class="deck-header"> <a name="hhkb-keyboards" class="anchor"></a><h2>HHKB Keyboards</h2> </div> </div> </div> <div class="row justify-content-center products"> <div class="slide-col"> <div class="card-col"> <article class="product-card card with-link"> <a href="/hhkb/pro-hybrid-type-s" aria-label="Learn More About HHKB Professional HYBRID <nobr>Type-S</nobr>" title="Learn More About HHKB Professional HYBRID <nobr>Type-S</nobr>"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/pro-hybrid-type-s/hhkb-hybrid-s-type-card_light.jpg?mw=528&hash=316327C1EBA564FA9B3E21B8EDE16327" alt="Photo of HHKB Professional HYBRID <nobr>Type-S</nobr>" class="img-fluid" /> </div> </div> <div class="card-body"> <div class="card-body-headings"> <h3 class="card-title">HHKB Professional HYBRID <nobr>Type-S</nobr></h3> <div class="body-wrapper"> <p>The flagship model equipped with silent keys.</p> </div> </div> <div class="cta-wrapper"> <span class="cta">Learn More <span class="sr-only">About HHKB Professional HYBRID <nobr>Type-S</nobr></span></span> </div> </div> </a> </article> </div> </div> <div class="slide-col"> <div class="card-col"> <article class="product-card card with-link"> <a href="/hhkb/pro-hybrid" aria-label="Learn More About HHKB Professional HYBRID" title="Learn More About HHKB Professional HYBRID"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/pro-hybrid/hhkb-hybrid-card_light.jpg?mw=528&hash=CE694BF20466CE5322F17106D138CB78" alt="Photo of HHKB Professional HYBRID" class="img-fluid" /> </div> </div> <div class="card-body"> <div class="card-body-headings"> <h3 class="card-title">HHKB Professional HYBRID</h3> <div class="body-wrapper"> <p>The ultimate keyboard for all your devices.</p> </div> </div> <div class="cta-wrapper"> <span class="cta">Learn More <span class="sr-only">About HHKB Professional HYBRID</span></span> </div> </div> </a> </article> </div> </div> <div class="slide-col"> <div class="card-col"> <article class="product-card card with-link"> <a href="/hhkb/pro-classic" aria-label="Learn More About HHKB Professional Classic" title="Learn More About HHKB Professional Classic"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/pro-classic/hhkb-classic-card_light.jpg?mw=528&hash=9118F87939E372FA815CD4687684E465" alt="Photo of HHKB Professional Classic" class="img-fluid" /> </div> </div> <div class="card-body"> <div class="card-body-headings"> <h3 class="card-title">HHKB Professional Classic</h3> <div class="body-wrapper"> <p>The updated original HHKB experience.</p> </div> </div> <div class="cta-wrapper"> <span class="cta">Learn More <span class="sr-only">About HHKB Professional Classic</span></span> </div> </div> </a> </article> </div> </div> </div> </div> </section> <div class=""> <section class="full-width-promo-with-background-image orientation-left" > <a name="hhkb-hybrid-type-s-snow" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/campaign-landing-pages/2022/snow/hhkb-snow-hero_sm.jpg?mw=576&hash=EBE8A4C096DB86A0E54D44C35FBE632E" /> <img src="/-/media/project/hhkeyboard/campaign-landing-pages/2022/snow/hhkb-snow-hero_lg.jpg?mw=1440&hash=8426618955B082FCAFC690ADDED97AE2" 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 > <h2 class="heading-1">HHKB HYBRID <br>Type-S Snow</h2> </div> <div class="body" > <p>With a new powder white finish, HHKB adds a touch of modernity to the HYBRID Type-S lineup. </p> </div> </div> <div class="cta-container" > <a class="btn" href="/snow" DisableDescription="True">Learn More</a> </div> </div> </div> </div> </div> </div> </section> </div> <div class=""> <section class="full-width-promo-with-background-image orientation-left mb-0" > <a name="matsuba-hand-crafted-kikkou-naguri-wooden-palm-rest" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/hhkb/matsuba_promo_sm.jpg?mw=576&hash=24CAE80EF9A727008B1A6ECBCBBE928D" /> <img src="/-/media/project/hhkeyboard/hhkb/matsuba_promo_lg.jpeg?mw=1440&hash=63802171A3D7B900F13FC9527C4069E6" 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 > <h2 class="heading-1">Matsuba Hand Crafted <em>"Kikkou-Naguri"</em> Wooden Palm Rest</h2> </div> <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, exclusively designed for HHKB.</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/hhkbpalmrest-en" DisableDescription="True" rel="noopener noreferrer" class="btn" target="_blank">Go to Matsuba Webstore</a> </div> </div> </div> </div> </div> </div> </section> </div> <section class="full-grid-modal-video"> <div class="container"> <div class="row"> <div class="col video-full-grid trigger-video-modal" data-video-id="m9iw-6bDW4U" data-video-start="0" data-video-host="youtube" data-toggle="modal" data-target="#videoModal" id="videoModalTrigger-m9iw-6bDW4U" role="button" title="Play Video: " tabindex="0"> <div class="video-card"> <div class="card-img-top"> <div class="img-container"> <span class="video-container"> <img src="https://img.youtube.com/vi/m9iw-6bDW4U/maxresdefault.jpg" alt="" class="img-fluid" /> </span> </div> </div> </div> </div> </div> </div> </section> <div class="themed-container mb-0 theme-secondary"> <div class=""> <section class="full-width-promo-with-background-image orientation-right theme-secondary" > <a name="everything-you-need-nothing-you-dont" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/hhkb/everything-need-hero_sm.jpg?mw=576&hash=ED740F58E1050D570CD0B8C86C37CEE2" /> <img src="/-/media/project/hhkeyboard/hhkb/everything-need-hero_lg.jpg?mw=1440&hash=718EE513B38099E3D489801DE59B40BB" 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 > <h2 class="heading-1">Everything you need. Nothing you don't.</h2> </div> <div class="body" > <p>Compared to Tenkeyless and full-size models, HHKB is light and compact, and easily fits in your bag. It's also durable, so it can take the typical bumps and dings that tend to happen when you're on the road.</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="subhead-content-block standard alignment-center"> <div class="container"> <div class="row justify-content-center"> <div class="col-9"> <h2 class="h3">Features</h2> </div> </div> </div> </section> <section class="content-block with-image generic layout-three-quarter orientation-right" data-target="game-changing-electrostatic-capacitive-switches"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="game-changing-electrostatic-capacitive-switches" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Game-changing electrostatic capacitive switches. </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>Best-in-class Topre switches give you an unrivaled keying experience, with extremely smooth key presses and a satisfying sound. It's a difference from mechanical keyboards you'll feel, hear—and love.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb/topre-all.jpg?h=424&iar=0&mw=1200&w=660&hash=D9525CA69D2926FF9A1B959AC6A93F7A" class="img-fluid" alt="Topre" width="660" height="424" /> </div> </div> </div> </div> </section> <section class="content-block with-image generic background-color-white layout-three-quarter orientation-right" data-target="comfort-for-the-longest-sessions"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="comfort-for-the-longest-sessions" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Comfort for the longest sessions. </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>Ideal curvature keeps your hands and arms from getting tired, even during extended programming, coding, and keying sessions. Compact size and near-symmetrical layout makes your fingers feel comfortable staying on the ‘Home row,’ so the board feels like an extension of your body.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb/comfort-all.jpg?h=424&iar=0&mw=1200&w=660&hash=118200482EB0275CED17DD6D19957FFD" class="img-fluid" alt="Comfort" width="660" height="424" /> </div> </div> </div> </div> </section> <section class="content-block with-image generic layout-three-quarter orientation-right" data-target="connect-up-to-4-bluetooth-devices-and-swap-between-them-instantly"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="connect-up-to-4-bluetooth-devices-and-swap-between-them-instantly" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Connect up to 4 Bluetooth devices and swap between them instantly. </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>The HYBRID and HYBRID Type-S models support both Bluetooth and USB Type-C, so you can connect to any device via wire or wireless.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb/connect-s-type.jpg?h=424&iar=0&mw=1200&w=660&hash=A301265200B1DC31978125692481F0DB" class="img-fluid" alt="Connect" width="660" height="424" /> </div> </div> </div> </div> </section> <section class="content-block with-image generic layout-three-quarter orientation-right" data-target="create-your-own-keymaps-use-them-on-all-your-devices"> <div class="container"> <div class="row"> <div class="content-block-text" > <div class="content-block-heading-wrapper"> <a name="create-your-own-keymaps-use-them-on-all-your-devices" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Create your own keymaps. Use them on all your devices.* </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>Create your own keymap with the Keymap Customization Function on the HYBRID and HYBRID Type-S model. Keymap settings are saved in the HHKB itself so your personalized user experience can be used with different devices.</p> <p><small><em>* Keymap software requires a USB connection to a PC running Microsoft Windows for programming.</em></small></p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/hhkb/keymap-s-type.png?h=377&iar=0&mw=1200&w=640&hash=796FF5EF605C68C30F45376D7506AB0C" class="img-fluid" alt="Keymap" width="640" height="377" /> </div> </div> </div> </div> </section> </div> <section class="card-deck background-color-off-white standard arrow-cta items-per-row-fluid mb-0" data-show-more="3"> <div class="container"> <div class="row"> <div class="col"> <a name="support" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Support </h2> </div> </div> </div> </div> <div class="row justify-content-center main-content"> <div class="card-col promo-card" data-item-id="{526C15E9-8EAC-4A88-8389-3296F91084FA}" data-rendering-id="{88838c76-16ab-4df0-94e4-2b50a9a50b6f}" data-datasource-id="{5652EC9F-6843-4ED3-8337-F9FBFEA32950}" > <div class="card with-link"> <a href="/support/faq" target="" title="HHKB FAQ" aria-label="HHKB FAQ"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/promos/support-faq.png?h=180&iar=0&mw=1200&w=400&hash=4EEF9E97B6345B461B4DB23F656C721A" class="img-fluid" alt="" width="400" height="180" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">HHKB FAQ</h3> </div> <div class="cta-wrapper"> <span class="card-cta" href="/support/faq" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{526C15E9-8EAC-4A88-8389-3296F91084FA}" data-rendering-id="{d23ba001-e389-48b1-a32e-c76bb2b73aa1}" data-datasource-id="{CEA7119E-B73A-4080-BF7F-F45028E8FFAA}" > <div class="card with-link"> <a href="https://happyhackingkb.com/download/" target="_blank" title="Download Keymap Software & Updates" aria-label="Download Keymap Software & Updates"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/promos/support-download.png?h=180&iar=0&mw=1200&w=400&hash=D399329692497A913FAD63DF743B8D25" class="img-fluid" alt="" width="400" height="180" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">Download Keymap Software & Updates</h3> </div> <div class="cta-wrapper"> <span class="card-cta" href="https://happyhackingkb.com/download/" target="_blank">Download</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{526C15E9-8EAC-4A88-8389-3296F91084FA}" data-rendering-id="{cae0c901-f024-4829-b313-11f80bb771aa}" data-datasource-id="{49E300F4-2183-44AD-BC10-490C5EA729F2}" > <div class="card with-link"> <a href="https://happyhackingkb.com/download/#ml" target="_blank" title="HHKB User Manuals" aria-label="HHKB User Manuals"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/promos/support-guide.png?h=180&iar=0&mw=1200&w=400&hash=D9F5E0A1D487C3F7DEA323476BE208D1" class="img-fluid" alt="" width="400" height="180" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">HHKB User Manuals</h3> </div> <div class="cta-wrapper"> <span class="card-cta" href="https://happyhackingkb.com/download/#ml" target="_blank">Learn More</span> </div> </div> </a> </div> </div> </div> </div> </section> <section class="cta-blade"> <div class="container"> <div class="row"> <div class="col-md-10 offset-md-1"> <a name="stay-informed" class="anchor"></a> <h2><span class="text-dark">Stay informed!</span></h2> <div class="content-container"> <p>Sign up for our newsletter to receive updates on all things HHKB.</p> </div> <div class="cta-container"> <a href="#" DisableDescription="True" onclick="javascript:fujitsu.hubspotForm({'formId':'f7c085c1-7b80-4689-9fa6-21824b3cb559','title':'Subscribe Now'});return false;" title="Subscribe Now" class="btn btn-primary">Subscribe Now</a> </div> </div> </div> </div> </section> <section class="card-deck background-color-white standard arrow-cta items-per-row-3 mb-0" data-show-more="3"> <div class="container"> <div class="row"> <div class="col"> <a name="blog" class="anchor"></a> <div class="deck-header"> <div class="deck-header-body"> <h2 class=""> Blog </h2> </div> </div> </div> </div> <div class="row justify-content-center main-content"> <div class="card-col" > <div class="card with-link"> <a href="/blog/hhkb-layout" aria-label="Learn More About What Makes the HHKB Keyboard Layout Unique?" title="Learn More About What Makes the HHKB Keyboard Layout Unique?"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2023/06/hhkb_type_s.jpg?mw=1200&hash=E8DC1ED17E1AEB16B38D79B88D591207" alt="HHKB Type-S white model " /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>What Makes the HHKB Keyboard Layout Unique?</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/hhkb-layout">Learn More <span class="sr-only">about What Makes the HHKB Keyboard Layout Unique?</span></span> </div> </div> </a> </div> </div> <div class="card-col" > <div class="card with-link"> <a href="/blog/60-keyboard" aria-label="Learn More About Why Choose a 60% Keyboard? Compact Size, Big Benefits" title="Learn More About Why Choose a 60% Keyboard? Compact Size, Big Benefits"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2023/02/60_keyboards_blog.jpg?mw=1200&hash=C9BE9DA71268B89CAF9B0B3DCA8263CE" alt="A top-down, close-up of keyboard keys light from the side with a bright orange light." /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>Why Choose a 60% Keyboard? Compact Size, Big Benefits</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/60-keyboard">Learn More <span class="sr-only">about Why Choose a 60% Keyboard? Compact Size, Big Benefits</span></span> </div> </div> </a> </div> </div> <div class="card-col" > <div class="card with-link"> <a href="/blog/keycap-profiles" aria-label="Learn More About Keycap Profiles: How to Choose the Best Type for You" title="Learn More About Keycap Profiles: How to Choose the Best Type for You"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2022/08/guide_keycap_profiles_blog.jpg?mw=1200&hash=04E12589AD313CA46F6D875624285150" alt="" /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>Keycap Profiles: How to Choose the Best Type for You</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/keycap-profiles">Learn More <span class="sr-only">about Keycap Profiles: How to Choose the Best Type for You</span></span> </div> </div> </a> </div> </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-ca.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>