CINXE.COM
HHKB - Mechanical Keyboards for Programming & Gaming
<!DOCTYPE html> <html lang="en" class="en"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <!-- 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 - Mechanical Keyboards for Programming & Gaming</title> <meta name="description" content="Happy Hacking Keyboards (HHKB) keyboards are engineered for maximum performance. Learn more about our mechanical keyboards for gamers, programmers, and more." /> <meta name="href" content="https://www.hhkeyboard.com/uk/" /> <meta name="google-site-verification" content="UqEB6iZwhv99BLRVb1coUtL1uAtA_Qa_No06ksQ8mRU" /> <meta property="og:type" content="website" /> <meta property="og:title" content="HHKB - Mechanical Keyboards for Programming & Gaming" /> <meta property="og:description" content="Happy Hacking Keyboards (HHKB) keyboards are engineered for maximum performance. Learn more about our mechanical keyboards for gamers, programmers, and more." /> <meta property="og:url" content="https://hhkeyboard.us/" /> <link rel="canonical" href="https://hhkeyboard.us/" /> <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-202411141514.css" rel="stylesheet" /> <style type="text/css"> .page-title-visibly-hidden + .themed-container { padding-top: 10px; } .page-title-visibly-hidden + .full-grid-inline-video { margin-bottom: 0; } .page-title-visibly-hidden + .full-grid-inline-video .col.video-full-grid { padding: 0; } @media (min-width: 768px) { .promo-with-background-video + .themed-container { padding: 60px 0; max-width: 1440px; margin: auto; } } .video-container iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } </style> <meta name="VIcurrentDateTime" content="638680119416689356" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="x-default" href="https://www.hhkeyboard.com/uk/" /> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/" /> </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="Fujitsu 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-54db921f-7c03-4d87-8f52-126865752b87" 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-4c8272ca-e837-448c-b5c7-70ffdcda3ec4" 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-f41b6c9e-e5c4-477a-815b-cc10c12db7cf" 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-42b8a210-4dbb-4ad9-812b-353efd894265" 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_c5c80f74-020b-48a4-a550-c21caa6ce172" 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_c5c80f74-020b-48a4-a550-c21caa6ce172"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/snow">Snow Collection</a></li> <li><a class="heading" target="" href="/hhkb/pro-hybrid-type-s">Pro HYBRID Type-S</a></li> <li><a class="heading" target="" href="/hhkb/pro-hybrid">Pro HYBRID</a></li> <li><a class="heading" target="" href="/hhkb/pro-classic">Pro Classic</a></li> <li><a class="heading" target="" href="/hhkb/accessories">Accessories</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_0ca2d89c-6223-4617-8f1c-1d08033100c0" 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_0ca2d89c-6223-4617-8f1c-1d08033100c0"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/hhkb-studio/snow">Snow Collection</a></li> <li><a class="heading" target="" href="/hhkb-studio/product">Product</a></li> <li><a class="heading" target="" href="/hhkb-studio/accessories">Accessories</a></li> <li><a class="heading" target="" href="/hhkb-studio/look-book">Look Book</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_d2024ac5-27bc-4384-8d92-3846cb16beb2" 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_d2024ac5-27bc-4384-8d92-3846cb16beb2"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/support/faq">FAQ</a></li> <li><a class="heading" target="|Custom" href="/support/registration">Registration</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-2 popout"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_f9ba3a82-e161-4e0a-a377-4041949d587f" 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_f9ba3a82-e161-4e0a-a377-4041949d587f"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/blog">Blog</a></li> <li class="inner-menu"> <a target="" href="/guide">Guides</a> <ul class="third-level"> <li><a target="" href="/guide/keyboard-for-creators">Best Keyboard for Creators</a></li> <li><a target="" href="/guide/keyboard-not-working">Keyboard Not Working?</a></li> <li><a target="" href="/guide/best-keyboard-for-programming">Best Keyboards for Programming</a></li> <li><a target="" href="/guide/best-keyboard-for-typing">Best Keyboard for Typing</a></li> <li><a target="" href="/guide/custom-keyboard">Custom Mechanical Keyboards</a></li> <li><a target="" href="/guide/keyboard-layouts">Keyboard Layouts</a></li> <li><a target="" href="/guide/keyboard-sizes">Keyboard Sizes</a></li> <li><a target="" href="/guide/keycaps">Keycaps</a></li> <li><a target="" href="/guide/mechanical-keyboard-switches">Mechanical Keyboard Switches</a></li> <li><a target="" href="/guide/mechanical-keyboard-guide">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_4173bcc0-2be1-4d39-94ec-a8825775a8cc" 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_4173bcc0-2be1-4d39-94ec-a8825775a8cc"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a class="heading" target="" href="/about/contact-us">Contact Us</a></li> <li><a class="heading" target="" href="/about/history">History</a></li> <li><a class="heading" target="" href="/about/news">News</a></li> <li><a class="heading" target="" href="/about/press-releases">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-135117ea-e12e-449e-ba03-0dbf5c5f3eb4" 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-671d0093-3970-4a8b-97b0-0b1454fcaea7" 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="" title="Browse HHKB Pro">View Details</a> </li> <li><a target="" href="/snow">Snow Collection</a></li> <li><a target="" href="/hhkb/pro-hybrid-type-s">Pro HYBRID Type-S</a></li> <li><a target="" href="/hhkb/pro-hybrid">Pro HYBRID</a></li> <li><a target="" href="/hhkb/pro-classic">Pro Classic</a></li> <li><a target="" href="/hhkb/accessories">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="" title="Browse HHKB Studio">View Details</a> </li> <li><a target="" href="/hhkb-studio/snow">Snow Collection</a></li> <li><a target="" href="/hhkb-studio/product">Product</a></li> <li><a target="" href="/hhkb-studio/accessories">Accessories</a></li> <li><a target="" href="/hhkb-studio/look-book">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="" title="Browse Support">View Details</a> </li> <li><a target="" href="/support/faq">FAQ</a></li> <li><a target="|Custom" href="/support/registration">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="" title="Browse Resources">View Details</a> </li> <li><a target="" href="/blog">Blog</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 target="" href="/guide">View Details</a> </li> <li><a target="" href="/guide/keyboard-for-creators">Best Keyboard for Creators</a></li> <li><a target="" href="/guide/keyboard-not-working">Keyboard Not Working?</a></li> <li><a target="" href="/guide/best-keyboard-for-programming">Best Keyboards for Programming</a></li> <li><a target="" href="/guide/best-keyboard-for-typing">Best Keyboard for Typing</a></li> <li><a target="" href="/guide/custom-keyboard">Custom Mechanical Keyboards</a></li> <li><a target="" href="/guide/keyboard-layouts">Keyboard Layouts</a></li> <li><a target="" href="/guide/keyboard-sizes">Keyboard Sizes</a></li> <li><a target="" href="/guide/keycaps">Keycaps</a></li> <li><a target="" href="/guide/mechanical-keyboard-switches">Mechanical Keyboard Switches</a></li> <li><a target="" href="/guide/mechanical-keyboard-guide">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="" title="Browse About">View Details</a> </li> <li><a target="" href="/about/contact-us">Contact Us</a></li> <li><a target="" href="/about/history">History</a></li> <li><a target="" href="/about/news">News</a></li> <li><a target="" href="/about/press-releases">Press Releases</a></li> </ul> </div> </li> </ul> </div> <div class="collapse navbar-collapse nav-justify" id="searchDrawer"> </div> </nav> </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="sr-only page-title-visibly-hidden"> <h1>HHKB - Mechanical Keyboards for Programming, Gaming & Typing</h1> </div> <div class="themed-container mb-0 theme-secondary"> <div class=""> <section class="promo-with-background-video orientation-left theme-secondary"> <div class="content-wrapper"> <div class="video-container vimeo"> <video loop playsinline autoplay muted poster="/-/media/project/hhkeyboard/home/hero_video_poster_frame.jpg?h=1100&w=2880&hash=EC68D7E1788FFBAFB2889D66307592EB"> <source type="video/mp4" src="https://player.vimeo.com/external/633054435.hd.mp4?s=dadeaececfac27c999440ff154428ec3bd31b7b5&profile_id=174&iv_load_policy=3&autoplay=1&background=1&controls=0&loop=1&playlist=external" /> </video> <button class="toggle d-none">Play Video</button> </div> <div class="container"> <div class="row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <a name="the-iconic-digital-companion" class="anchor"></a><h2 class="heading-1">The Iconic Digital Companion</h2> </div> </div> </div> </div> </div> </div> </section> </div> <section class="promo-text-and-image layout-half orientation-left mb-0"> <div class="container"> <div class="row"> <div class="text-col" > <div class="content-container"> <div class="text"> <a name="introducing-the-wasabi-full-key-top-set" class="anchor"></a> <h2 class="heading-1">Introducing: The Wasabi Full Key Top Set</h2> <div class="body"><p>Here for a single run, limited quantity, Wasabi 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="/hhkb/accessories/wasabi-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/wasabi__homebanner.png?h=555&iar=0&mw=1200&w=1200&hash=CBC7C788896071FB5471FB5A1723027A" class="img-fluid" alt="" width="1200" height="555" /> </div> </div> </div> </div> </section> </div> <section class="story-with-background-image mb-0"> <div class="background-image-wrapper" style="background-image: url(/-/media/project/hhkeyboard/home/desk-scene-desktop.jpg?mw=1440&hash=584088C950513E203896C9D37744DC2F)"></div> <div class="container"> <div class="row"> <div class="col title"> <a name="designed-for-those-who-type-to-live" class="anchor"></a> <h2>Designed for those who type to live.</h2> </div> </div> <div class="row"> <div class="col"> <div class="content-wrapper"> <p>Happy Hacking Keyboard's creator, computer scientist Eiiti Wada, understood that for some individuals, typing was much more than a task or a means to an end — it was part of life itself. He recognized that a keyboard is the physical bridge that connects a human's body and mind to the digital world of creation, progress, and innovation.</p> <p>That's why, more than 25 years ago, he set out to design the ultimate keyboard, for the ultimate users. A keyboard not for the masses, but for the masters. A keyboard built to last a lifetime, with only the purest of intentions in mind.</p> <p>With a HHKB you can feel the difference years of innovation makes after typing for just a few seconds.</p> </div> </div> </div> </div> <div class="mobile-image"> <img src="/-/media/project/hhkeyboard/home/desk-scene-mobile.jpg?mw=992&hash=06A554C90F7C4682D91D05C31D3EA010" alt="" class="img-fluid" srcset="/-/media/project/hhkeyboard/home/desk-scene-mobile.jpg?mw=575&hash=152E964796BBD10C18033B0EEB4D12EB 575w, /-/media/project/hhkeyboard/home/desk-scene-mobile.jpg?mw=992&hash=06A554C90F7C4682D91D05C31D3EA010" sizes="(max-width: 575px) 575px, 100vw"/> </div> </section> <div class="themed-container background-color-off-white mb-0"> <section class="promo-text-and-image layout-two-thirds orientation-right"> <div class="container"> <div class="row"> <div class="text-col" > <div class="content-container"> <div class="text"> <a name="an-unparalleled-keying-experience" class="anchor"></a> <h2 class="heading-1">An unparalleled keying experience.</h2> <div class="body"><p>Premium Topre switches eliminate key chatter, giving you ultimate precision and a silky-smooth tactile response—no matter how fast you type.</p></div> </div> <div class="cta-container"> <a class="btn" href="/hhkb" DisableDescription="True">More Features</a> </div> </div> </div> <div class="image-col" > <div class="img-container"> <div class="animation-container"> <div data-path="/-/media/project/hhkeyboard/home/topre_switch.json" data-autoplay="true" data-loop="true" data-speed="1" data-renderer="svg" class="lottie"></div> </div> </div> </div> </div> </div> </section> <section class="promo-text-and-image layout-half orientation-left"> <div class="container"> <div class="row"> <div class="text-col" > <div class="content-container"> <div class="text"> <a name="compact-design-for-blazing-speed" class="anchor"></a> <h2 class="heading-1"><div>Compact</div><div>design for blazing speed.</div></h2> <div class="body"><p>Ultra-compact 60 percent format and contoured key settings reduce hand and arm fatigue, giving you comfort in every keystroke.</p></div> </div> <div class="cta-container"> <a class="btn" target="|Custom" href="/hhkb" DisableDescription="True">More Features</a> </div> </div> </div> <div class="image-col" > <div class="img-container"> <div class="animation-container"> <div data-path="/-/media/project/hhkeyboard/home/curved_keys.json" data-autoplay="true" data-loop="true" data-speed="1" data-renderer="svg" class="lottie"></div> </div> </div> </div> </div> </div> </section> <section class="cta-blade-with-image background-color-off-white"> <div class="container"> <div class="row"> <div class="col-lg-8 offset-lg-2"> <a name="an-elegantly-portable-interface-to-your-digital-world" class="anchor"></a> <h2>An elegantly portable interface to your digital world.</h2> <div class="content-container"> <p>Lightweight, durable, and highly compatible, the HHKB is an ideal travel companion to use with all of your modern devices, wherever you go.</p> </div> </div> </div> <div class="row"> <div class="col image-container"> <div class="animation-container"> <div data-path="/-/media/project/hhkeyboard/home/elegant_size.json" data-autoplay="true" data-loop="true" data-speed="1" data-renderer="svg" class="lottie"></div> </div> </div> </div> <div class="row"> <div class="col-lg-8 offset-lg-2"> <div class="cta-container"> <h3>No matter where your passions lie – coding, gaming, writing – HHKBs are purpose-built to let you put them through the paces, hour after hour, year after year. Get more details on HHKB features.</h3> <a class="btn btn-primary" target="|Custom" href="/hhkb" DisableDescription="True">Features</a> </div> </div> </div> </div> </section> </div> <div class="themed-container theme-secondary"> <section class="card-deck standard arrow-cta items-per-row-fluid" data-show-more="3"> <div class="container"> <div class="row justify-content-center main-content"> <div class="card-col promo-card" data-item-id="{F52553D6-0DD3-4605-B8D7-7943D3B0484B}" data-rendering-id="{27dc5ba7-34b9-4a60-89fa-cc9ea59fd9c6}" data-datasource-id="{84867208-D36C-4789-A11B-90F931941490}" > <div class="card with-link"> <a href="/hhkb/pro-hybrid-type-s" target="" title="HHKB Professional HYBRID Type-S" aria-label="HHKB Professional HYBRID Type-S"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/pro-hybrid-type-s/hhkb-hybrid-s-type-card_dark.jpg?h=450&iar=0&mw=1200&w=720&hash=A80EA7FD9F1BD407A13E6A9E46683FCA" class="img-fluid" alt="" width="720" height="450" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">HHKB Professional HYBRID Type-S</h3> <div class="card-text"> <p>The flagship model equipped with silent keys.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/hhkb/pro-hybrid-type-s" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{F52553D6-0DD3-4605-B8D7-7943D3B0484B}" data-rendering-id="{d347e3da-c538-417e-89e5-1ffe076ae035}" data-datasource-id="{B849D7DC-702F-4912-BE13-C54BCE7ED924}" > <div class="card with-link"> <a href="/hhkb/pro-hybrid" target="" title="HHKB Professional HYBRID" aria-label="HHKB Professional HYBRID"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/pro-hybrid/hhkb-hybrid-card_dark.jpg?h=450&iar=0&mw=1200&w=720&hash=ED84A8E21DA4D88E3BE60EC7B2CCE3B4" class="img-fluid" alt="" width="720" height="450" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">HHKB Professional HYBRID</h3> <div class="card-text"> <p>The ultimate keyboard for all your devices.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/hhkb/pro-hybrid" target="">Learn More</span> </div> </div> </a> </div> </div> <div class="card-col promo-card" data-item-id="{F52553D6-0DD3-4605-B8D7-7943D3B0484B}" data-rendering-id="{9627c5d6-4fb7-44b3-b409-6defacb8c307}" data-datasource-id="{A30E89BC-C5D9-4322-B053-FBE1B2B5ADE5}" > <div class="card with-link"> <a href="/hhkb/pro-classic" target="" title="HHKB Professional Classic" aria-label="HHKB Professional Classic"> <div class="card-img-top"> <div class="img-container"> <img src="/-/media/project/hhkeyboard/products/pro-classic/hhkb-classic-card_dark.jpg?h=450&iar=0&mw=1200&w=720&hash=C10ADC2CF888DFC36351444D02E1C3B7" class="img-fluid" alt="" width="720" height="450" /> </div> </div> <div class="card-body"> <div class="card-content"> <h3 class="card-title">HHKB Professional Classic</h3> <div class="card-text"> <p>The updated original HHKB experience.</p> </div> </div> <div class="cta-wrapper"> <span class="card-cta" href="/hhkb/pro-classic" target="">Learn More</span> </div> </div> </a> </div> </div> </div> </div> </section> </div> <section class="card-deck 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/hhkb-blog-interview-part-1-fred-brown" aria-label="Learn More About HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)" title="Learn More About HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2023/03/fred-desk-setup_1.jpg?mw=1200&hash=F30823764AD67A3D4C3F93C28D006917" alt="" /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/hhkb-blog-interview-part-1-fred-brown">Learn More <span class="sr-only">about HHKB Spotlight: Featuring Video Game Programmer Fred Brown (Part 1)</span></span> </div> </div> </a> </div> </div> <div class="card-col" > <div class="card with-link"> <a href="/blog/hhkb-spotlight-featuring-design-engineer-john-pham" aria-label="Learn More About HHKB Spotlight: Featuring Design Engineer, John Pham" title="Learn More About HHKB Spotlight: Featuring Design Engineer, John Pham"> <div class="card-img-top"> <div class="img-container"> <img class="img-fluid" src="/-/media/project/hhkeyboard/blog/2023/08/desk_setup_header.jpg?mw=1200&hash=F5C257E69DCDB44A19A15A29AE35E916" alt="" /> </div> </div> <div class="card-body"> <div class="card-content"> <h4>HHKB Spotlight: Featuring Design Engineer, John Pham</h4> </div> <div class="cta-wrapper"> <span class="card-cta" href="/blog/hhkb-spotlight-featuring-design-engineer-john-pham">Learn More <span class="sr-only">about HHKB Spotlight: Featuring Design Engineer, John Pham</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 © 2024 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-202411141538.js" type="text/javascript"></script> <script type="text/javascript"> var cpaAccount = 'fujitsuscannerstorecom'; var cpaE = ''; var cpa_async = { 'ctag': '', 'utmipn': '', 'utmipc': '', 'utmtid': '', 'utmtto': '', 'cutmcn': '', 'cutmcc': '' }; </script> <script src="//ping.contactpigeon.com/bi/js/cpagent142097.js?cid=fujitsuscannerstorecom&v=001" type="text/javascript"></script> <style> .osano-cm-widget { display: none; } </style> </body> </html>