Overview
HOTKEY is an industry design system for keyboard-first desktop productivity apps and their websites: command launchers, snippet managers, clipboard history, window management tools, and extension stores. It pairs Public Sans set at Regular 400 with slightly open tracking and Martian Mono keycap legends with a Keybed Black / Tile / Housing Graphite / Legend White token set, a neutral Legend White primary button, one Hot Coral accent rationed to the app mark, the selected row and the AI badge, a red and blue light geometry used only in the hero, 16px keycap controls, 20px surfaces lit by an inset top highlight like a pressed key, a floating glass nav, and a dark imagery language with Hero, Material, and Detail photo roles built around a fictional launcher called Chordbar. Included: foundations (color, type, spacing, imagery, patterns), components (buttons, cards, dialog, feedback, forms, navigation, table), theme sheet, Chordbar product landing starter, 6-slide 16:9 launch deck, and sample web photography in assets/imagery/.
Highlights
- Keyboard-first desktop productivity industry system
- Keybed Black / Tile / Legend White + one rationed Hot Coral accent + Public Sans and Martian Mono
- 16px keycap controls and 20px surfaces with an inset top highlight, no card shadows
- Web imagery roles: Hero · Material · Detail (night desk, graphite chamfer, coral keycap)
- HTML command window, keycap hints, floating glass nav, extension store cards, plan table
- Chordbar product landing + 16:9 launch deck
