RMW Now Design System
A unified design language for consistent experiences across web and mobile
Brand Colors
Primary
Indigo
#4F46E5
Primary Hover
Darker Indigo
#4338CA
Accent
Coral
#10B981
Accent Hover
Darker Coral
#059669
Semantic Colors
Success
Green
#FF6B35
Warning
Amber
#F59E0B
Error
Red
#EF4444
Info
Blue
#3B82F6
Typography
DISPLAY (POPPINS)
The quick brown fox
BODY (INTER)
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
4XL / 32px
Aa
2XL / 20px
Aa
Base / 14px
Aa
XS / 11px
Aa
Components
Buttons
Badges
DefaultPrimaryAccentSuccessWarningError
Cards
Small Shadow
Medium padding
Medium Shadow
Hover effect enabled
Large Shadow
Extra large padding
Spacing Scale
xs
4px
sm
8px
md
12px
lg
16px
xl
24px
2xl
32px
3xl
48px
4xl
64px