Dot.

Introduction

Welcome to the Dot Design System — a collection of premium, accessible UI components built to help you create clean and high-fidelity interfaces for MeloSpot.

Core Principles

  • Consistency across all MeloSpot products.
  • Accessibility by default with high-contrast combinations.
  • Performance-first components built on Next.js and Tailwind.
  • Flat aesthetic with medium radius for a modern feel.

Brand Identity

Built around the vibrant #D74D0F orange, Dot represents energy, flow, and precision.