RéalRéal Design System v5

딥 보태니컬 그린 & 프리텐다드 기반의 11 Color System

1. Color System (11 Tokens)

Brand Colors (15%)

Brand 100
#F0F4F1
Brand 500 (Main)
#2E4633
Brand 600 (Hover)
#1A2A1E

Neutral Colors (80%)

Neutral 0
#FFFFFF
Neutral 100
#F6F5F3
Neutral 300
#D8D5D1
Neutral 600
#77726D
Neutral 900
#1A1A1A

Semantic Colors (5%)

Success
#2F7D55
Warning
#B97817
Error
#C83E3E

2. Typography (Pretendard)

매일 아침, 비워내는 두피의 감각 (Bold 700)
건강한 두피를 위한 6단계 리추얼 시스템 (Medium 500)
비우면 자연이 채운다. 로스카는 불필요한 화학 성분을 덜어내고 꼭 필요한 식물수만을 남겼습니다. 가장 온전한 휴식을 경험해보세요. (Regular 400)
전 성분: 편백수, 장미꽃수, 대나무수액추출물, 부틸렌글라이콜, 1,2-헥산다이올 (Light 300)

3. UI Component Preview

[Product Image / 40% Whitespace]
Head Skinification

로스카 밸런싱 헤드스킨

얼굴엔 스킨, 머리엔 헤드스킨.
샴푸 직후 바르는 씻어내지 않는 두피 밸런싱 토너로
산뜻한 하루의 끝을 완성하세요.