CINXE.COM
25 Years - HHKB
<!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>25 Years - HHKB</title> <meta property="og:type" content="website" /> <meta property="og:title" content="25 Years - HHKB" /> <meta property="og:url" content="https://hhkeyboard.us/about/history" /> <link rel="canonical" href="https://hhkeyboard.us/about/history" /> <script id="BreadcrumbListSchema" type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "/" }, { "@type": "ListItem", "position": 2, "name": "About", "item": "/about" } ] } </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-202411141514.css" rel="stylesheet" /> <meta name="VIcurrentDateTime" content="638686085790224908" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/about/history" /> </head> <body class="about"> <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-71e8a239-49af-4aa8-99d9-3d0ac07a8e8e" 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-529b873d-981a-45ea-93a1-96ab5cec5403" 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-5ff31215-f0a8-4107-9987-ab5b042c0998" 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-9acd47ce-607c-47c0-9229-28d5e38d5121" 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_a9382876-a525-4a44-84f9-81da6020e3b6" 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_a9382876-a525-4a44-84f9-81da6020e3b6"> <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_da2f1b17-1305-4685-ae10-e3dbf33f173b" 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_da2f1b17-1305-4685-ae10-e3dbf33f173b"> <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_29762966-14e4-46a7-8783-e680eaf8100a" 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_29762966-14e4-46a7-8783-e680eaf8100a"> <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_03f1dfbb-d20d-4404-af1d-003f09051ff6" 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_03f1dfbb-d20d-4404-af1d-003f09051ff6"> <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 active dropdown levels-1"> <a class="nav-link active dropdown-toggle" id="navbarDropdownMenuLink_69be3419-4874-40ec-b519-866a8220becc" 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_69be3419-4874-40ec-b519-866a8220becc"> <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 class="active"><span>History</span></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-0e2a1acd-3a78-4b88-8882-38f6d1791a03" 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-57cbf03b-60b5-40ba-9a15-2ec6d5ff1f82" 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> <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"> <a target="" href="/about" itemprop="item"><span itemprop="name">About</span></a> <meta itemprop="position" content="2" /> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">History</span> <meta itemprop="position" content="3" /> </li> </ol> </nav> <strong class="page-title" title="History">History</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=""> <section class="full-width-promo-with-background-image orientation-left theme-secondary" > <a name="celebrating-over-25-years-of-excellence-in-keyboards" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 576px)" srcset="/-/media/project/hhkeyboard/about/history/hhkb-10y-hero_sm.jpg?mw=576&hash=0CFB672A99D19FDA49D4817ADC694060" /> <img src="/-/media/project/hhkeyboard/about/history/hhkb-10y-hero_lg.jpg?mw=1440&hash=F8E523D41F2D1D38346663545E5C8808" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div > <h1 class="heading-1">Celebrating over 25 Years of Excellence in Keyboards.</h1> </div> <div class="body" > </div> </div> </div> </div> </div> </div> </div> </section> </div> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right" data-target="pre-1995"> <div class="container"> <div class="row header"> <a name="pre-1995" class="anchor"></a> <div class="col"> <h2 class=""> Pre-1995 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Professor Eiiti Wada lays the foundation for the legendary HHKB</h3> <p>As a UNIX developer, entering UNIX commands was second nature to Mr. Wada. However, as the diversification of personal computers rose in the 1990's, keyboard layouts kept changing. Mr. Wada grew tired of having to relearn new layouts each time he used a new machine. The new models also came with many new keys that had little or no use for professional developers and typists.</p> <p>In 1992, Mr. Wada published a paper titled "Great Interest in the Keyboard Layout" to draw attention to this problem, and presented the idea of "My Keyboard" featuring his ideal keyboard layout. He spent the next three years prototyping and developing this perfect keyboard concept into a prototype.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/eiiti-wada.jpg?h=434&iar=0&mw=1200&w=540&hash=3CE53E79DFD6249001FB0051274A9679" class="img-fluid" alt="" width="540" height="434" /> <figcaption>Professor Emeritus of the University of Tokyo, Eiiti Wada with his favorite HHKB.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/aleph-keyboard_01.png?h=100&iar=0&mw=1200&w=270&hash=A49C0A2C03DEC94480A3105E4EFB4035" class="img-fluid" alt="" width="270" height="100" /> <figcaption>Key layout of "Aleph keyboard" featuring only the keys needed by professionals, they're placed in a position that makes it fast and easy to type.</figcaption> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline layout-three-quarter orientation-right no-border" data-target="1995"> <div class="container"> <div class="row header"> <a name="1995" class="anchor"></a> <div class="col"> <h2 class=""> 1995 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Designing the prototype</h3> <p>Mr. Wada completed his first prototype In 1995. Named the "Aleph Keyboard," the cardboard model was based on an ASCII layout, but with optimized key arrangements to make it easier for professionals to type. Unnecessary keys were removed from the layout and the overall design was configured into the smallest, most compact size possible. This early prototype was the earliest iteration of the "Happy Hacking Keyboard" – otherwise known as HHKB.</p> <h3>Development of the first HHKB begins</h3> <p>In May 1995, Mr. Wada met with our engineering team, and he introduced them to his "Aleph keyboard" cardboard model. We were very impressed, and set up a development team to create a small number of models that would be available to the public.</p> <p>As the product development team worked on the new model, they knew it had to feature the innovative key layout, and ensure it had an optimal stroke depth, to live up to Mr. Wada’s vision. They also needed to keep it small and light enough to be carried around, while also maintaining strength and durability.</p> <p>In order to realize these goals, the team began a rigorous trial and error process with Mr. Wada. During this testing several more improvements were made, such as placing the CTRL key left of the A, putting the ESC key left of the 1, and omitting the 10-keys while adding a FN key.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/aleph-keyboard_02.png?h=376&iar=0&mw=1200&w=540&hash=A0DE97266B6F844A637F5D96DC9C094A" class="img-fluid" alt="" width="540" height="376" /> <figcaption>A model of the "Aleph keyboard" created by Mr. Wada in cardboard. This was the starting point for development.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/aleph-keyboard-prototype.png?h=188&iar=0&mw=1200&w=270&hash=92F06A1C9CDBD64C4105D3EF12E84D28" class="img-fluid" alt="" width="270" height="188" /> <figcaption>Another prototype created in October 1995.</figcaption> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right no-border" data-target="1996"> <div class="container"> <div class="row header"> <a name="1996" class="anchor"></a> <div class="col"> <h2 class=""> 1996 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>In the fall of 1996, one and a half years after the start of development, the final prototype for the first HHKB was completed. It was a compact keyboard, measuring only 294 x 110 mm—almost half the size of a sheet of A4 paper.</p> <h3>Released December, 1996: HHKB model KB01</h3> <h4>A small first run of HHKBs</h4> <p>In the winter of 1996, the first HHKB model "KB01" was released in a run of 500 units. Although this quantity was far away from any considerable “commercial base”, Mr. Wada and PFU both felt like they were at the cusp of a new era in professional keyboards.</p> <p>When Mr. Wada received the very first commercially available HHKB, he said this to the engineers who made it:</p> <blockquote>“Cowboys in the western United States leave their horses when they die. But never leave their saddles, regardless of how long they need to walk in the desert. Saddles are interfaces that are deeply adapted to our bodies whereas horses are consumable items. It should not be forgotten that computers are consumables nowadays, but keyboards are interfaces that we can use through our lives.” </blockquote> <p>The product name "Happy Hacking" was created to show that when it’s easy, fast and comfortable to type, you can get more enjoyment when programming.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/about/history/hhkb-kb01.png?h=454&iar=0&mw=1200&w=1200&hash=718785177B9BAE43EEB90EAFC7BC2A6C" class="img-fluid" alt="" width="1200" height="454" /> </div> </div> </div> </div> </section> <section class="content-block with-image timeline layout-three-quarter orientation-right no-border" data-target="1997"> <div class="container"> <div class="row header"> <a name="1997" class="anchor"></a> <div class="col"> <h2 class=""> 1997 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released November, 1997: HHKB model KB02</h3> <p>The first HHKB model, designed to be a keyboard for a very limited number of professionals, sold out in a blink of an eye. Stories about this new, “ultimate” keyboard spread quickly amongst the community through word-of-mouth and the Internet. We soon realized we had to scale production quickly to meet the rising demand.</p> <p>In 1997 we released a new HHKB, the KB02, which was compatible with Mac OS and featured a DIP switch on the back for providing customizable keyboard layouts.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/kb02.png?h=258&iar=0&mw=1200&w=540&hash=9728CAB34F44ED5791CBDAC00F6FFACD" class="img-fluid" alt="" width="540" height="258" /> <figcaption>The "KB02" released in November 1997 was the first HHKB compatible with Apple computers.</figcaption> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right no-border" data-target="1999"> <div class="container"> <div class="row header"> <a name="1999" class="anchor"></a> <div class="col"> <h2 class=""> 1999 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released June, 1999: HHKB Lite</h3> <p>In June of 1999, we released a new model, the "Happy Hacking Keyboard Lite." This compact size keyboard came with the UNIX key layout, specially designed with the PC/LINUX and power user in mind. The price was reduced in half by eliminating the original version's multi-platform feature, supporting only the most highly demanded PS/2 interface.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/about/history/hhkb-lite.png?h=202&iar=0&mw=1200&w=540&hash=2DEF16F02226742D5D4D85E54072CEC5" class="img-fluid" alt="" width="540" height="202" /> </div> </div> </div> </div> </section> <section class="content-block with-image timeline layout-three-quarter orientation-right no-border" data-target="2001"> <div class="container"> <div class="row header"> <a name="2001" class="anchor"></a> <div class="col"> <h2 class=""> 2001 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released March, 2001: HHKB Lite 2</h3> <p>In March of 2001, we innovated the Lite version again, developing the Happy Hacking Keyboard Lite 2. Built to offer more flexible functionality to the traditionally stripped down HHKB design, this keyboard featured an inverted "T" layout for arrow keys and an extra FN key on the bottom row on the far left.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/about/history/hhkb-lite2.png?h=222&iar=0&mw=1200&w=540&hash=A9207B79F61078B8A9D8CED53B6F6B45" class="img-fluid" alt="" width="540" height="222" /> </div> </div> </div> </div> </section> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right no-border" data-target="2002"> <div class="container"> <div class="row header"> <a name="2002" class="anchor"></a> <div class="col"> <h2 class=""> 2002 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>In November of 2002, we hit a major milestone; Six years after its release, we had shipped 100,000 HHKBs worldwide. And we were just getting started.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/about/history/hhkb-2002.png?h=144&iar=0&mw=1200&w=270&hash=FF76A3CD63C9BAE73BFCB4D517FD8CBE" class="img-fluid" alt="" width="270" height="144" /> </div> </div> </div> </div> </section> <section class="content-block with-image timeline layout-three-quarter orientation-right no-border" data-target="2003"> <div class="container"> <div class="row header"> <a name="2003" class="anchor"></a> <div class="col"> <h2 class=""> 2003 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released April, 2003: HHKB Professional</h3> <p>We continued to innovate, and in May 2003 released the new "HHKB Professional." which featured the game-changing "capacitive non-contact" key switches, developed by Topre.</p> <p>Most keyboards use a “membrane method," where switches press down and contact the electrode terminals to register an input. The capacitive non-contact method works by pushing down on a conical spring, so the switches register inputs without making contact by changing the capacitance value of the electric charge. This new method was imperative in achieving an optimal key touch, and ideal for high-end keyboards because without contacts chattering does not occur and keywear is minimal.</p> <p>HHKB Professionals had a key press pressure of 45g, providing a light and refreshing touch that allowed users to type for long periods of time without needing to rest. In addition, the design of "cylindrical step sculpture"—where all key tops slant toward the center of the keyboard—also added to the easy typing experience.</p> <h3>An "Unmarked model" for a select audience</h3> <p>To create a keyboard for the ultimate typists, we released an "unmarked model" without printed characters on the key tops. The ongoing popularity of this feature highlights the sense of pride many people have for their typing proficiency.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/hhkb-professional_01.png?h=264&iar=0&mw=1200&w=540&hash=3964AB2732F4291CEC8DE83917A0D655" class="img-fluid" alt="" width="540" height="264" /> <figcaption>HHKB Professional (top) and "HHKB Professional" ink model released in February 2005 (bottom). Both evolved into "HHKB Professional 2" in March 2005.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/capacitance-non-contact-method.png?h=348&iar=0&mw=1200&w=540&hash=AD627577096D116AEE770B0729E0B9B2" class="img-fluid" alt="" width="540" height="348" /> <figcaption>In the capacitance non-contact method, the conical spring is pushed down and the charge capacitance value is changed for switching. These highly durable keys can withstand more than 30 million keystrokes.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/pro-keytop-unmarked.png?h=264&iar=0&mw=1200&w=540&hash=1EE9709DA5A86B990FC79FBF24B599EA" class="img-fluid" alt="" width="540" height="264" /> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right no-border" data-target="2004"> <div class="container"> <div class="row header"> <a name="2004" class="anchor"></a> <div class="col"> <h2 class=""> 2004 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>In October 2004, the HHKB received the Good Design Award in recognition of its exemplary form and function.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/about/history/gda-2021.png?h=764&iar=0&mw=1200&w=1200&hash=AFBFA9A92D28CA407F6437BE059BF7AA" class="img-fluid" alt="" width="1200" height="764" /> </div> </div> </div> </div> </section> <section class="content-block with-image timeline layout-three-quarter orientation-right no-border" data-target="2005"> <div class="container"> <div class="row header"> <a name="2005" class="anchor"></a> <div class="col"> <h2 class=""> 2005 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released February, 2005: HHKB Professional Ink Edition</h3> <p>In 2005, HHKB introduced the Professional “Ink” edition, a charcoal colored keyboard, in both printed and unmarked models. This new model allowed users who preferred a sleek, dark design.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/about/history/hhkp-professional-ink-edition.png?h=204&iar=0&mw=1200&w=540&hash=69B803112FF3475E2A9E44994B8ADE3A" class="img-fluid" alt="" width="540" height="204" /> </div> </div> </div> </div> </section> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right no-border" data-target="2006"> <div class="container"> <div class="row header"> <a name="2006" class="anchor"></a> <div class="col"> <h2 class=""> 2006 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released March, 2006: HHKB Professional 2</h3> <p>In early 2006, we introduced the HHKB Professional 2. It had all of the same great features as the HHKB Professional 1, but also included an upgraded Topre chip and a USB 2.0 compatible HUB with two ports in the back, making it a flexible interface for all types of computers and peripherals.</p> <h3>Released October, 2006: HHKB Professional HG</h3> <p>To celebrate our 10 year anniversary, we set out to create the "Ultimate HHKB." The result was the HHKB Professional HG. Its frame was machined from aluminum, so it would never bend or break. Additional craftsmanship was concentrated on the keys, to improve upon the well-established key touch of the "HHKB Professional". It even had a customizable step to adjust the height between 8 positions, allowing users to find their perfect angle.</p> <h3>Turning the "Ultimate HHKB" into a legend</h3> <p>As a tribute to the endearing design and quality of HHKB, we wanted to take keyboards to a place they had never been before. The beautiful, unprecedented "HHKB Professional HG JAPAN" 10th anniversary model featured unmarked, hand lacquered keys, in the traditional Wajima-nuri style in Wajima City, Ishikawa Prefecture. Each key on this working piece of art was hand-coated with lacquer ten times.</p> <p>Not only beautiful, lacquer is an incredibly functional coating agent because of its extremely high antibacterial properties, excellent hygroscopicity, low heat transfer, and high durability. They were the ultimate keys, for the ultimate keyboard!</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history5-hhkb2.png?h=244&iar=0&mw=1200&w=540&hash=CD853A067758AFDA94F859F0D3AED6E5" class="img-fluid" alt="" width="540" height="244" /> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history5-hhkb1.png?h=244&iar=0&mw=1200&w=540&hash=FBDA26F8A66AB71F8A21878C3F077640" class="img-fluid" alt="" width="540" height="244" /> <figcaption>Unmarked model (ink) and standard model (white) of "HHKB Professional HG."</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history5-hhkb3.png?h=244&iar=0&mw=1200&w=540&hash=DCB756CB6FB4BD2F24086B178352BCA9" class="img-fluid" alt="" width="540" height="244" /> <figcaption>The deep red of the key top was created by a skilled craftsman who repeated painting a total of 10 times.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history5-hhkb4.png?h=240&iar=0&mw=1200&w=540&hash=4ABB27D315FBC3D1339175C04B523A40" class="img-fluid" alt="" width="540" height="240" /> <figcaption>After refining Japanese raw lacquer, it was colored red and applied quickly and evenly using a human hair brush at Otetsu Lacquerware Studio in Wajima City, Ishikawa Prefecture.</figcaption> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline layout-three-quarter orientation-right no-border" data-target="2011"> <div class="container"> <div class="row header"> <a name="2011" class="anchor"></a> <div class="col"> <h2 class=""> 2011 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released June, 2011: HHKB Professional 2 Type-S</h3> <p>In 2011 we released the "HHKB Professional 2 Type-S.” By reworking the internal design of the switches, we reduced almost all of the keystroke noise created while typing. We also adjusted the keystroke from the conventional 4.0 mm to 3.8 mm, and tightened the engagement of the drive unit, making even higher typing speeds possible, with less damage.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history6-hhkb1.png?h=210&iar=0&mw=1200&w=540&hash=724E0B6D62D8AA0B8232FC0256C7D59B" class="img-fluid" alt="" width="540" height="210" /> <figcaption>"HHKB Professional Type-S" with a newly designed key internal structure and improved high-speed typing and quietness.</figcaption> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right no-border" data-target="2016"> <div class="container"> <div class="row header"> <a name="2016" class="anchor"></a> <div class="col"> <h2 class=""> 2016 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released April, 2016: HHKB Professional BT</h3> <p>Released in April 2016, the "HHKB Professional BT" was our first wireless model, enabling users to cut the cord. Compatible with Bluetooth V3.0, it was equipped with functions that could be used not only on personal computers but also on various devices such as tablets and smartphones. It was a long-awaited and welcomed model for users who wanted to use their HHKB anytime, anywhere.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history6-hhkb2.png?h=222&iar=0&mw=1200&w=532&hash=984FE8DBE306FFDC90B27E4E512DC262" class="img-fluid" alt="" width="532" height="222" /> <figcaption>Wireless "HHKB Professional BT." The battery box on the back (which stores two AA batteries), was also an accent on the appearance.</figcaption> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline layout-three-quarter orientation-right no-border" data-target="2019"> <div class="container"> <div class="row header"> <a name="2019" class="anchor"></a> <div class="col"> <h2 class=""> 2019 </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>In October 2019 - HHKB received the Good Design Long Life Design Award</h3> <p>In October 2019, HHKB received the "2019 Good Design Long Life Design Award," given only to a product or service that has been widely supported and trusted by users and consumers, and that can serve as a model for design and continue to be standard over time. HHKB was the first PC peripheral to ever receive this award.</p> <h3>Released December, 2019: HHKB Professional HYBRID and HHKB Professional HYBRID Type-S</h3> <p>In December 2019, we released our current flagship models; the HHKB Professional HYBRID, and the silent version the HYBRID Type-S. These models both included the new Bluetooth capability developed in the BT model, and the HHKB Professional HYBRID Type-S shared the same key structure as the HHKB Professional Type-S.</p> <p>The HHKB HYBRID had a new connectivity feature, allowing users to connect up to 4 devices simultaneously, and easily switch between all of them. It also included a keymap change tool that allowed professionals to customize their ideal key mapping.</p> <h3>Released December, 2019: HHKB Professional Classic</h3> <p>At the same time we introduced the HHKB HYBRID models, we also released the HHKB classic. This legendary model is almost identical to the HHKB prototype from 1996, with a wired connection and minimalist layout.</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history7-hhkb1.png?h=214&iar=0&mw=1200&w=528&hash=32E71C9E4CFE3734680A0F9010D66F40" class="img-fluid" alt="" width="528" height="214" /> <figcaption>HHKB Professional HYBRID Type-S released in December 2019. The highest model in the current series.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history7-hhkb2.png?h=214&iar=0&mw=1200&w=528&hash=393830CCA953347D0C6AA2D25D2DE536" class="img-fluid" alt="" width="528" height="214" /> <figcaption>HHKB Professional HYBRID Type-S released in December 2019. The highest model in the current series.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/bitmap.png?h=320&iar=0&mw=1200&w=540&hash=8535358CB5749A57510BA5A73D42D8E8" class="img-fluid" alt="" width="540" height="320" /> <figcaption>The HYBRID model was equipped with a keymap change function using software (runs on Windows / Mac). Since the settings are saved in the "HHKB" main unit, the unique keymapping layouts on a particular HHKB can be used with any device.</figcaption> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/history7-hhkb4.png?h=196&iar=0&mw=1200&w=528&hash=84634368A4C7BF733948E714749A88DB" class="img-fluid" alt="" width="528" height="196" /> <figcaption>HHKB Professional Classic. The connection is limited to wired only, and the silhouette is the same as the first model.</figcaption> </figure> </div> </div> </div> </div> </div> </section> <section class="content-block with-image timeline background-color-off-white layout-three-quarter orientation-right no-border" data-target="2021-celebrating-25-years-of-hhkb"> <div class="container"> <div class="row header"> <a name="2021-celebrating-25-years-of-hhkb" class="anchor"></a> <div class="col"> <h2 class=""> 2021 - Celebrating 25 years of HHKB </h2> </div> </div> <div class="row"> <div class="content-block-text" > <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <h3>Released November, 2021: HHKB Professional HYBRID Type-S Snow</h3> <p>December 2021 marks <a href="/25-anniversary">25 years of innovation</a> and excellence in keyboards. To celebrate, we have released a special, limited edition model—the HHKB Professional HYBRID Type-S Snow. We’re honored and grateful to our amazing HHKB owners around the world, and we’ll continue our pursuit of offering our users compact, durable, fast, comfortable and compatible keyboards. We hope you’ll continue with us on our journey, and thank you for celebrating 25 amazing years with us. Happy Hacking!</p> </div> </div> </div> <div class="content-block-image" > <div class="img-container"> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/pd-kb800ys_top_en2.png?h=216&iar=0&mw=1200&w=540&hash=7248AA4BEA605DF3FEF1F8B94892AAA2" class="img-fluid" alt="" width="540" height="216" /> </figure> </div> <div class="captioned-image"> <figure> <img src="/-/media/project/hhkeyboard/about/history/pd-kb8xxys-box_left.png?h=270&iar=0&mw=1200&w=502&hash=7985AFD7AF0A0065A52049B93F68487B" class="img-fluid" alt="" width="502" height="270" /> </figure> </div> </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>