NOiiRR Design System
Experience the luxury aesthetic through our carefully crafted design tokens and components.
Color Palette
Noir Black
#0B0B0B
Graphite Gray 1
#1E1E1E
Graphite Gray 2
#3C3C3C
Luxury Gold
#C9A45C
Pure White
#FFFFFF
Button Variants
All available button styles and sizes
Badge Variants
Status indicators and labels
Default
Gold
Outline
Success
Warning
Error
Small
Medium
Large
Card Variants
Different card styles and layouts
Default card with small padding
Outlined card with medium padding
Luxury card with large padding
Typography
Font Families
Broink - Display Font (Logo Only)
Montserrat - Headings
Open Sans - Body Text
Text Sizes
Extra Small (12px)
Small (14px)
Base (16px)
Large (18px)
Extra Large (20px)
Spacing Scale (4px base)
4px
spacing-1
8px
spacing-2
12px
spacing-3
16px
spacing-4
24px
spacing-6
32px
spacing-8