Design at
MeloSpot

A comprehensive design system for building consistent, accessible, and beautiful web experiences at MeloSpot.

Get Started Components

Foundations

The core elements that make up the MeloSpot visual language.

Colors

Our accessible and expressive color palette.

Aa

Typography

Clean, legible, and bold typefaces.

Spacing

A 4px grid system for consistent layout.

Components

Over 30+ accessible components built with Radix UI and Tailwind CSS.

Buttons

Skeleton

Cards

View All Components

Resources

Tools and guides to help you build better.

Documentation

Read the full documentation to learn how to use the design system.

GitHub

View the source code, report issues, and contribute to the project.