CINXE.COM
About - 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" /> <link rel="preconnect" href="https://cmp.osano.com/" /> <link rel="preconnect" href="https://www.googletagmanager.com/" /> <link rel="preconnect" href="https://www.gstatic.com" /> <link rel="preconnect" href="https://stats.g.doubleclick.net" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <!-- Start Cookie Consent Manager --> <script src="https://cmp.osano.com/AzZbWCTiWQro76eQi/829af36d-14fc-4a3b-9ac2-3c098236b91d/osano.js"></script> <!-- End Cookie Consent Manager --> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NDBFM4T'); </script> <!-- End Google Tag Manager --> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8095496.js"></script> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> <!-- End of HubSpot Embed Code --> <title>About - HHKB</title> <meta property="og:type" content="website" /> <meta property="og:title" content="About - HHKB" /> <meta property="og:url" content="https://www.pfu-us.ricoh.com/about" /> <link rel="canonical" href="https://www.pfu-us.ricoh.com/about" /> <script id="BreadcrumbListSchema" type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "/" } ] } </script> <link rel="apple-touch-icon" sizes="180x180" href="/Themes/hhkeyboard/images/favicon/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/Themes/hhkeyboard/images/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/Themes/hhkeyboard/images/favicon/favicon-16x16.png" /> <link rel="manifest" href="/Themes/hhkeyboard/images/favicon/site.webmanifest.json" /> <link rel="mask-icon" href="/Themes/hhkeyboard/images/favicon/safari-pinned-tab.svg" color="#FF0000" /> <link rel="shortcut icon" href="/Themes/hhkeyboard/images/favicon/favicon.ico" /> <meta name="msapplication-TileColor" content="#FF0000" /> <meta name="msapplication-config" content="/Themes/hhkeyboard/images/favicon/browserconfig.xml" /> <meta name="theme-color" content="#ffffff" /> <link href="/styles/main-hhkeyboard-202504022239.css" rel="stylesheet" /> <meta name="VIcurrentDateTime" content="638796453856763032" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link type="alternate" hreflang="x-default" href="https://www.realforcekeyboards.com/uk/about" /> <link type="alternate" hreflang="en-us" href="https://hhkeyboard.us/about" /> </head> <body class=""> <a href="#mainContent" class="skip-to-main">Skip to main content</a> <div id="main-container"> <header class="primary-header sticky-top" aria-label="Page Header"> <div class="d-none d-lg-block utility-container"> <div class="container"> <div class="row"> <div class="col-12"> <div class="utility-nav"> <nav aria-label="Utility" class="position-relative"> <ul> <li class="nav-item utility-nav-login"> <a href="/account/login" target="" class="nav-link utility-nav-login" aria-controls="user-nav-28a89e3b-2304-402f-9d6f-3c773e8c0223" 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-155478d0-e192-4808-b82f-c65b149facfc" 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-3a974818-3e73-4862-be30-3df631fbd259" 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-d53406ff-1713-4680-8721-ca543414e2dc" 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_1c0d53b7-7587-4525-9ab2-43bb89c92a9a" 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_1c0d53b7-7587-4525-9ab2-43bb89c92a9a"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/snow" target="" class="heading">Snow Collection</a></li> <li><a href="/hhkb/pro-hybrid-type-s" target="" class="heading">Pro HYBRID Type-S</a></li> <li><a href="/hhkb/pro-hybrid" target="" class="heading">Pro HYBRID</a></li> <li><a href="/hhkb/pro-classic" target="" class="heading">Pro Classic</a></li> <li><a href="/hhkb/accessories" target="" class="heading">Accessories</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_4b4a4ee7-32ca-41d4-9f57-6c1f3f59b9fa" 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_4b4a4ee7-32ca-41d4-9f57-6c1f3f59b9fa"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/hhkb-studio/snow" target="" class="heading">Snow Collection</a></li> <li><a href="/hhkb-studio/product" target="" class="heading">Product</a></li> <li><a href="/hhkb-studio/accessories" target="" class="heading">Accessories</a></li> <li><a href="/hhkb-studio/look-book" target="" class="heading">Look Book</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-1"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_64fb8b49-f019-45ab-bbb9-c80956bf8a47" 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_64fb8b49-f019-45ab-bbb9-c80956bf8a47"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/support/faq" target="" class="heading">FAQ</a></li> <li><a href="/support/registration" target="|Custom" class="heading">Registration</a></li> </ul> </div> </div> </div> </li> <li class="nav-item dropdown levels-2 popout"> <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink_77bde3fb-046a-4a29-8a33-6159a57b6263" 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_77bde3fb-046a-4a29-8a33-6159a57b6263"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/blog" target="" class="heading">Blog</a></li> <li><a href="/resources/features" target="" class="heading">Features</a></li> <li class="inner-menu"> <a href="/guide" target="" class="">Guides</a> <ul class="third-level"> <li><a href="/guide/keyboard-for-creators" target="" class="">Best Keyboard for Creators</a></li> <li><a href="/guide/keyboard-not-working" target="" class="">Keyboard Not Working?</a></li> <li><a href="/guide/best-keyboard-for-programming" target="" class="">Best Keyboards for Programming</a></li> <li><a href="/guide/best-keyboard-for-typing" target="" class="">Best Keyboard for Typing</a></li> <li><a href="/guide/custom-keyboard" target="" class="">Custom Mechanical Keyboards</a></li> <li><a href="/guide/keyboard-layouts" target="" class="">Keyboard Layouts</a></li> <li><a href="/guide/keyboard-sizes" target="" class="">Keyboard Sizes</a></li> <li><a href="/guide/keycaps" target="" class="">Keycaps</a></li> <li><a href="/guide/mechanical-keyboard-switches" target="" class="">Mechanical Keyboard Switches</a></li> <li><a href="/guide/mechanical-keyboard-guide" target="" class="">Mechanical Keyboards</a></li> </ul> </li> </ul> </div> </div> </div> </li> <li class="nav-item active dropdown levels-1"> <a class="nav-link active dropdown-toggle" id="navbarDropdownMenuLink_e719e77b-d46a-4685-b7e8-716ae2b1fb29" 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_e719e77b-d46a-4685-b7e8-716ae2b1fb29"> <div class="row"> <div class="col-lg-8 offset-lg-1"> <ul class="inner-submenu"> <li><a href="/about/contact-us" target="" class="heading">Contact Us</a></li> <li><a href="/about/history" target="" class="heading">History</a></li> <li><a href="/about/news" target="" class="heading">News</a></li> <li><a href="/about/press-releases" target="" class="heading">Press Releases</a></li> </ul> </div> </div> </div> </li> </ul> </div> </nav> </div> </div> </div> </section> <section class="d-block d-lg-none primary-navigation-mobile" aria-label="Navigation Bar"> <div class="primary-nav-row"> <nav id="primary-nav" class="navbar primary-nav navbar-expand-lg" aria-label="Primary"> <div class="mobile-lock-up"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle Navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <div class="mobile-utility"> <nav class="utility-nav" aria-label="Utility"> <ul class="utility-links d-lg-none"> <li class="utility-nav-login"> <a href="/account/login" target="" class="utility-nav-login" aria-controls="user-nav-bbd458e9-c406-459b-b857-75acd420da21" 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-bbfcecf2-0876-4998-bfcf-4f4b1939ea43" aria-expanded="false"> <img src="/Themes/HHKeyboard/images/icons/icon-cart.svg" alt="" /> <span class="sr-only">Cart</span> </a> </li> </ul> </nav> </div> </div> <div class="mobile-nav-panel level-1"> <div class="mobile-nav-header-min"> <a class="navbar-brand" href="/"> <img src="/Themes/hhkeyboard/images/logo.svg" alt="hhkeyboard" /> </a> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li> <button class="mobile-nav-toggle" aria-expanded="false">HHKB Pro</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>HHKB Pro</strong> <a href="/hhkb" target="" class="" title="Browse HHKB Pro">View Details</a> </li> <li><a href="/snow" target="" class="">Snow Collection</a></li> <li><a href="/hhkb/pro-hybrid-type-s" target="" class="">Pro HYBRID Type-S</a></li> <li><a href="/hhkb/pro-hybrid" target="" class="">Pro HYBRID</a></li> <li><a href="/hhkb/pro-classic" target="" class="">Pro Classic</a></li> <li><a href="/hhkb/accessories" target="" class="">Accessories</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">HHKB Studio</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>HHKB Studio</strong> <a href="/hhkb-studio" target="" class="" title="Browse HHKB Studio">View Details</a> </li> <li><a href="/hhkb-studio/snow" target="" class="">Snow Collection</a></li> <li><a href="/hhkb-studio/product" target="" class="">Product</a></li> <li><a href="/hhkb-studio/accessories" target="" class="">Accessories</a></li> <li><a href="/hhkb-studio/look-book" target="" class="">Look Book</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">Support</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Support</strong> <a href="/support" target="" class="" title="Browse Support">View Details</a> </li> <li><a href="/support/faq" target="" class="">FAQ</a></li> <li><a href="/support/registration" target="|Custom" class="">Registration</a></li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">Resources</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Resources</strong> <a href="/resources" target="" class="" title="Browse Resources">View Details</a> </li> <li><a href="/blog" target="" class="">Blog</a></li> <li><a href="/resources/features" target="" class="">Features</a></li> <li> <button type="button" class="mobile-nav-toggle" aria-expanded="false">Guides</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Resources</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>Guides</strong> <a href="/guide" target="" class="">View Details</a> </li> <li><a href="/guide/keyboard-for-creators" target="" class="">Best Keyboard for Creators</a></li> <li><a href="/guide/keyboard-not-working" target="" class="">Keyboard Not Working?</a></li> <li><a href="/guide/best-keyboard-for-programming" target="" class="">Best Keyboards for Programming</a></li> <li><a href="/guide/best-keyboard-for-typing" target="" class="">Best Keyboard for Typing</a></li> <li><a href="/guide/custom-keyboard" target="" class="">Custom Mechanical Keyboards</a></li> <li><a href="/guide/keyboard-layouts" target="" class="">Keyboard Layouts</a></li> <li><a href="/guide/keyboard-sizes" target="" class="">Keyboard Sizes</a></li> <li><a href="/guide/keycaps" target="" class="">Keycaps</a></li> <li><a href="/guide/mechanical-keyboard-switches" target="" class="">Mechanical Keyboard Switches</a></li> <li><a href="/guide/mechanical-keyboard-guide" target="" class="">Mechanical Keyboards</a></li> </ul> </div> </li> </ul> </div> </li> <li> <button class="mobile-nav-toggle" aria-expanded="false">About</button> <div class="mobile-nav-panel"> <div class="mobile-nav-header-min"> <button type="button" class="panel-back-btn">Menu</button> <button type="button" class="mobile-close-btn text-hide">close</button> </div> <ul> <li class="mobile-nav-title"> <strong>About</strong> <a href="/about" target="" class="" title="Browse About">View Details</a> </li> <li><a href="/about/contact-us" target="" class="">Contact Us</a></li> <li><a href="/about/history" target="" class="">History</a></li> <li><a href="/about/news" target="" class="">News</a></li> <li><a href="/about/press-releases" target="" class="">Press Releases</a></li> </ul> </div> </li> </ul> </div> <div class="collapse navbar-collapse nav-justify" id="searchDrawer"> </div> </nav> </div> </section> <section class="page-header" aria-label="Page Header"> <div class="container"> <div class="row justify-content-between align-items-center"> <div class="col-9"> <nav aria-label="Breadcrumb" class="breadcrumb-wrapper"> <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a target="" href="/" itemprop="item"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">About</span> <meta itemprop="position" content="2" /> </li> </ol> </nav> <strong class="page-title" title="About">About</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="sr-only page-title-visibly-hidden"> <h1>About</h1> </div> <section class="promo-carousel" data-autoplay="true" data-autoplay-speed="6000" data-speed="500"> <a name="about" class="anchor"></a> <div class="slide"> <section class="full-width-promo-with-background-image orientation-left theme-secondary" > <a name="a-history-of-upping-the-game" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 991px)" srcset="/-/media/project/hhkeyboard/about/about-hero_sm.jpg?mw=991&hash=D42F482E277630921602F606BA9E78C4" /> <img src="/-/media/project/hhkeyboard/about/about-hero_lg.jpg?mw=2880&hash=600C4174404DBAD4D0666C3B84FFDA80" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row content-row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div > <h2 class="heading-1">A History of Upping the Game</h2> </div> <div class="body" > <p>For decades, our Happy Hacking Keyboards have been making life better for users—connecting them to what matters in faster, more efficient ways.</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="slide"> <section class="full-width-promo-with-background-image orientation-left theme-secondary" > <a name="connecting-you-to-what-matters" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 991px)" srcset="/-/media/project/hhkeyboard/about/about-hero_sm.jpg?mw=991&hash=D42F482E277630921602F606BA9E78C4" /> <img src="/-/media/project/hhkeyboard/about/about-hero_lg.jpg?mw=2880&hash=600C4174404DBAD4D0666C3B84FFDA80" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row content-row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div > <h2 class="heading-1">Connecting You to What Matters</h2> </div> <div class="body" > <p>Light, ergonomic, and customizable to your needs, HHKB has transformed the overall experience for people who type. No matter how you鈥檙e tapping into your day, our keyboards provide a way for makers and innovators to up their digital game.</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="slide"> <section class="full-width-promo-with-background-image orientation-left theme-secondary" > <a name="were-just-built-different" class="anchor"></a> <div class="image-container"> <picture> <source media="(max-width: 991px)" srcset="/-/media/project/hhkeyboard/about/about-hero_sm.jpg?mw=991&hash=D42F482E277630921602F606BA9E78C4" /> <img src="/-/media/project/hhkeyboard/about/about-hero_lg.jpg?mw=2880&hash=600C4174404DBAD4D0666C3B84FFDA80" alt="" /> </picture> </div> <div class="content-wrapper"> <div class="container"> <div class="row content-row align-items-center"> <div class="content-col col-lg-6"> <div class="content-container"> <div class="text"> <div > <h2 class="heading-1">We're Just Built Different</h2> </div> <div class="body" > <p>HHKB combines years of innovation into a compact keyboard that鈥檚 incredibly adaptable and portable. It鈥檚 the top choice of those in the know, and the top future choice for those who are looking for a keyboard that goes beyond.</p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="slider-controls-wrapper container"> <div class="slider-controls"> <button class="slider-play-pause" data-playing="true"> <span class="sr-only">Toggle Play/Pause</span> </button> <div class="slider-dots-container"></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="the-ultimate-keyboard" class="anchor"></a> <h2 class="heading-1">The Ultimate Keyboard</h2> <div class="body"><p>The Happy Hacking Keyboard is so much more than a mechanical keyboard. It's the result of years of innovation—working toward a tool that feels like it's designed for you. Its very composition is meant to evoke innovation and progress.</p></div> </div> <div class="cta-container"> <a class="btn" href="/hhkb" DisableDescription="True">Learn more about HHKB</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="promo-text-and-image layout-half orientation-right"> <div class="container"> <div class="row"> <div class="text-col" > <div class="content-container"> <div class="text"> <a name="a-history-of-happy-hacking" class="anchor"></a> <h2 class="heading-1">A History of Happy Hacking</h2> <div class="body"><p>In 1995, Mr. Eiiti Wada created the first prototype <a href="/about/history">for what would eventually be the "HHKB"</a>— a specialty keyboard for professionals where key arrangements were optimized and unnecessary keys were omitted (allowing for a more compact size). By 1996, the first lot of 500 high-quality manufactured keyboards came off the production line—selling quicker than anyone expected, and professionals immediately began asking when the next batch would be available.</p> <p>Over the years, more HHKB models have been developed, and improvements are continually being made. However, the essence of HHKB has always remained the same—to create an unparalleled keying experience for professionals and users who expect the best.</p></div> </div> </div> </div> <div class="image-col" > <div class="img-container"> <img src="/-/media/project/hhkeyboard/about/eiiti-wada.jpg?h=624&iar=0&mw=1200&w=920&hash=282A045C6565952B131E161A61BAA418" class="img-fluid" alt="Eiiti Wada" width="920" height="624" /> </div> </div> </div> </div> </section> <section class="content-block generic" data-item-id="{44C7F071-379B-4128-B844-3AE9D2AC4181}" data-rendering-id="{f848a878-5f71-4898-a45e-7490250cf8f0}" data-datasource-id="{FA3343DF-36D8-4D77-B4BB-627424879C8F}" data-target="happy-hacking-keyboards"> <div class="content-block-container" > <div class="content-block-heading-wrapper"> <a name="happy-hacking-keyboards" class="anchor"></a> <div class="content-block-heading-container"> <h2 class=""> Happy Hacking Keyboards </h2> </div> </div> <div class="content-block-content-wrapper"> <div class="content-block-content-container"> <p>For more than fifty years, PFU has been developing technologies to accelerate digital transformation for organizations around the world—including our world-class keyboards.</p> <p> PFU Limited was founded in 1960, and our joint-venture roots weave back to 1973 when we joined PANAFACOM, a consortium of companies that developed the first minicomputers. Years later, in 1987, USAC Denshi and PANAFACOM merged to establish PFU Limited (PANAFACOM, USAC), the hardware innovation arm that has developed a variety of technologies for the world. </p> <p>Today, PFU America, Inc. brings HHKBs to customers everywhere, helping them optimize their work with products that fuel their passion.</p> <p><a rel="noopener noreferrer" href="https://www.pfu.fujitsu.com/us/" target="_blank" class="cta">Learn more about PFU</a></p> </div> </div> </div> </section> </main> <footer class="primary-footer"> <div class="footer-wrapper bg-dark-gray"> <div class="container"> <div class="row main-wrap"> <nav class="footer-primary" aria-label="Footer Main"> <ul class="nav"> <li> <a class="nav-link" target="" href="/hhkb" title="Browse HHKB Pro">HHKB Pro</a> <ul> <li> <a class="nav-link" target="" href="/snow" title="Browse Snow Collection">Snow Collection</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-hybrid-type-s" title="Browse Pro HYBRID Type-S">Pro HYBRID Type-S</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-hybrid" title="Browse Pro HYBRID">Pro HYBRID</a> </li> <li> <a class="nav-link" target="" href="/hhkb/pro-classic" title="Browse Pro Classic">Pro Classic</a> </li> <li> <a class="nav-link" target="" href="/hhkb/accessories" title="Browse Accessories">Accessories</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/hhkb-studio" title="Browse HHKB Studio">HHKB Studio</a> <ul> <li> <a class="nav-link" target="" href="/hhkb-studio/snow" title="Browse Snow Collection">Snow Collection</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/product" title="Browse Product">Product</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/accessories" title="Browse Accessories">Accessories</a> </li> <li> <a class="nav-link" target="" href="/hhkb-studio/look-book" title="Browse Look Book">Look Book</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/support" title="Browse Support">Support</a> <ul> <li> <a class="nav-link" target="" href="/support/faq" title="Browse FAQ">FAQ</a> </li> <li> <a class="nav-link" target="" href="/support/registration" title="Browse Registration">Registration</a> </li> <li> <a class="nav-link" target="" href="/support/faq/store" title="Browse Store FAQ">Store FAQ</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/resources" title="Browse Resources">Resources</a> <ul> <li> <a class="nav-link" target="" href="/blog" title="Browse Blog">Blog</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-guide" title="Browse Guides">Guides</a> <ul> <li> <a class="nav-link" target="" href="/guide/best-keyboard-for-programming" title="Browse Best Keyboards for Programming">Best Keyboards for Programming</a> </li> <li> <a class="nav-link" target="" href="/guide/custom-keyboard" title="Browse Custom Mechanical Keyboards">Custom Mechanical Keyboards</a> </li> <li> <a class="nav-link" target="" href="/guide/keyboard-layouts" title="Browse Keyboard Layouts">Keyboard Layouts</a> </li> <li> <a class="nav-link" target="" href="/guide/keyboard-sizes" title="Browse Keyboard Sizes">Keyboard Sizes</a> </li> <li> <a class="nav-link" target="" href="/guide/keycaps" title="Browse Keycaps">Keycaps</a> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-switches" title="Browse Mechanical Keyboard Switches">Mechanical Keyboard Switches</a> </li> <li> <a class="nav-link" target="" href="/guide/mechanical-keyboard-guide" title="Browse Mechanical Keyboards">Mechanical Keyboards</a> </li> </ul> </li> <li> <a class="nav-link" target="" href="/about" title="Browse About">About</a> <ul> <li> <a class="nav-link" target="" href="/about/contact-us" title="Browse Contact Us">Contact Us</a> </li> <li> <a class="nav-link" target="" href="/about/history" title="Browse History">History</a> </li> <li> <a class="nav-link" target="" href="/about/news" title="Browse News">News</a> </li> <li> <a class="nav-link" target="" href="/about/press-releases" title="Browse Press Releases">Press Releases</a> </li> </ul> </li> </ul> </nav> <div class="sidebar-wrap"> <nav class="footer-social" aria-label="Footer Social"> <h3>Social</h3> <ul class="nav"> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.instagram.com/hhkb_us/" title="Browse Instagram"> <span class="icon icon-instagram"> <span class="sr-only">Instagram</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.facebook.com/HHKBUS/" title="Browse Facebook"> <span class="icon icon-facebook"> <span class="sr-only">Facebook</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.linkedin.com/showcase/hhkb/" title="Browse LinkedIn"> <span class="icon icon-linkedin"> <span class="sr-only">LinkedIn</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://x.com/HHKB_US" title="Browse X"> <span class="icon icon-x"> <span class="sr-only">X</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" target="" href="https://www.youtube.com/c/HappyHackingKeyboardUS" title="Browse YouTube"> <span class="icon icon-youtube"> <span class="sr-only">YouTube</span> </span> </a> </li> </ul> </nav> </div> </div> <div class="row"> <div class="col"> <nav class="footer-legal d-flex" aria-label="Footer Legal"> <small> <div class="legal-content"> <img src="/Themes/Common/images/pfu-logo-white.svg" class="legal-logo" alt="PFU - A Ricoh Company logo" /> <div class="body-xs-medium"> <p>PFU America, Inc. is the primary authorized seller of HHKB keyboards in the U.S.</p> <p>Copyright © 2025 PFU America, Inc. All Rights Reserved.</p> </div> </div> <div class="legal-nav-container"> <ul class="nav"> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/accessibility" title="Browse Accessibility">Accessibility</a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/terms" title="Browse Terms">Terms</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="/privacy" title="Browse Privacy">Privacy</a> </li> <li class="nav-item"> <a class="nav-link" target="" href="#cookie-preferences" title="Browse Cookie Preferences">Cookie Preferences</a> </li> <li class="nav-item"> <a class="nav-link" target="_blank" href="https://www.pfu-us.ricoh.com/privacy#opt-out-sale" title="Browse Do Not Sell or Share My Personal Information">Do Not Sell or Share My Personal Information</a> </li> </ul> </div> </small> </nav> </div> </div> </div> </div> </footer> <div id="imageModal" class="modal fade image-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header text-center d-block"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" id="imageModalTarget"> </div> </div> </div> </div> <div class="modal fade video-modal" id="videoModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed"> <div class="embed-responsive embed-responsive-16by9" id="vimeoTargetWrapper"> <div id="vimeoTarget"></div> </div> <div class="embed-responsive embed-responsive-16by9" id="ytTargetWrapper"> <div id="ytTargetModal"></div> </div> </div> <div class="slick-arrows d-none"> <button class="slick-prev slick-arrow-modal" aria-label="Previous" type="button" style="" tabindex="0">Previous</button> <button class="slick-next slick-arrow-modal" aria-label="Next" type="button" style="" tabindex="0">Next</button> </div> </div> </div> </div> </div> <div class="modal fade hubspot-modal" id="hubspotModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title d-none">Contact Us</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="embed" id="hubspot-target"> </div> </div> </div> </div> </div> </div> <script src="/scripts/main-hhkeyboard-202504022234.js" type="text/javascript"></script> <script type="text/javascript"> var cpaAccount = 'hhkeyboardus'; var cpaE = ''; var cpa_async = { 'ctag': '', 'utmipn': '', 'utmipc': '', 'utmtid': '', 'utmtto': '', 'cutmcn': '', 'cutmcc': '' }; </script> <script src="//ping.contactpigeon.com/bi/js/cpagent143125.js?cid=hhkeyboardus&v=001" type="text/javascript"></script> <style> .osano-cm-widget { display: none; } </style> </body> </html>