A comprehensive design system built for React Native applications. Featuring consistent colors, typography, spacing, and accessibility guidelines that scale across all devices and platforms.
Our design system is built on modern principles that prioritize consistency, accessibility, and scalability
Every element has a clear purpose and meaning
Unified patterns and styling throughout
WCAG 2.1 AA compliant design
Adapts to all screen sizes and devices
Explore our comprehensive design system with colors, typography, spacing, and accessibility guidelines
#4E4DD7
Main brand color
Primary actions, links, brand elements
#00CCCC
Secondary brand color
Secondary actions, accents
#22C55E
Success states
Success messages, positive states
#FFAB00
Warning states
Warnings, caution states
#FF5630
Error states
Errors, destructive actions
#00B8D9
Information states
Information, neutral states
#FAFAFB
Main background
App background, card backgrounds
#1B1D20
Primary text
Main text content
#323436
Secondary text
Secondary text, labels
#98999B
Border color
Borders, dividers
#F4F4F4
Light background
Card backgrounds, sections
Optimized for bright environments
Easy on the eyes in low light
Start building with our comprehensive design system and create consistent, accessible React Native applications that users love.