Skip to main content


Hashi is Dev Protocol's design system. Aiming to bring a unified user experience when using Dev Protocol products, to present an elegant user interface for consumers to interact with, and to be able to create the same user interfaces regardless of any frontend framework.

Hashi Cover

Hashi has documented all of its design guidelines to help UI designers design their ideal product in accordance to the design system.



Learn about Hashi's use of colors, how to use the color system to design beautiful, accessible, and consistent interfaces.


Learn about Hashi's way of creating shapes in user interfaces.


Learn how to work with Hashi's typefaces to design readable written content.


Create flexible and expressive layouts using Hashi's layout guidelines.