Introduction

Hermes Design System defines foundations, tools, and documentation together to help you create inclusive and functional experiences for Raise.

Our design system is currently under active development hence this documentation still requires updates. While we’re still working on making everything look and work better, You may notice some inconsistencies in a few places as we make these improvements. If you are part of the Raise Team, reach out to @michael on Slack if you have any questions.

This documentation serves as a guide to shaping the future of equity in the Raise ecosystem. Hermes represents speed- as we design and build, this design system would provide a foundation, components, and resources to support the swift design and development of new and existing features on the platform.

Getting Started

In order to ensure consistency, accuracy and speed across design and engineering, Hermes V2.0 is largely based off on well designed open source libraries.

ShadCN

Radix UI

Tailwind CSS

Nucleo (Icons)

Please refer to these libraries as well as our component documentation to get started. If you need support or have questions, send a message on the product channel on Slack.

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Radix UI

Components, icons, and colors for building high‑quality, accessible UI. Free and open-source.

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

Explore Over 6000 Premium SVG Icons for UI | Nucleo

Discover our collection of over 6000 premium SVG icons, available in multiple styles, expertly crafted on an 18px grid to elevate your UI projects.