Violet Design System

A comprehensive and intuitive design system for building beautiful and consistent user interfaces.

Design System Overview

Our design system provides a unified approach to building consistent, accessible, and beautiful user interfaces. Explore the different categories below to learn more about each aspect of our system.

Foundation

Colors
Primary, secondary, red, green, orange, and gray color palettes
Typography
Font families, sizes, weights, and text styling guidelines
Icons
Complete icon library with consistent styling and usage
Elevation
Shadow system for creating depth and visual hierarchy

Layout

Spacing
Margin and spacing system
Border Radius
Corner radius specifications
Padding System
Internal spacing guidelines
Gap System
Element spacing and gaps

Components

Buttons
Primary, secondary, and ghost button styles
Inputs
Text inputs with various states and styles
Checkboxes
Checkbox components with multiple states
Radio Buttons
Radio button components and groups
Tabs
Tab navigation components
List Items
List and table item components
Tooltips
Informative and interactive tooltip components

Get In Touch

Behance
View my design portfolio and creative projects
LinkedIn
Connect with me professionally
Email
Send me a message directly
Built with v0