Design System
Arinaru의 디자인 시스템은 깊이 있는 어둠 속에서 빛나는 우아함을 추구합니다.
극단적인 대비, 절제된 타이포그래피, 그리고 인터랙티브한 3D 요소가 결합된 프리미엄 경험을 제공합니다.
디자인 원칙
D
Dark Elegance
깊이 있는 블랙 배경과 화이트 텍스트의 강렬한 대비로 프리미엄한 느낌을 전달합니다.
G
Glassmorphism
반투명한 배경과 미세한 빛 반사를 통해 UI 요소에 입체감과 깊이를 부여합니다.
T
Typography First
화려한 그래픽보다 정제된 타이포그래피와 자간(Tracking) 조절로 레이아웃의 구조를 잡습니다.
I
Immersive 3D
Three.js 기반의 Chrome 재질 3D 오브젝트를 통해 동적이고 압도적인 비주얼 경험을 제공합니다.
M
Minimal Bounds
명시적인 선(Line)을 최소화하고, 빛과 그림자, 투명도를 이용해 영역을 우아하게 구분합니다.
A
Absolute Fluidity
마우스의 움직임과 스크롤에 반응하는 부드러운 애니메이션으로 살아 숨쉬는 인터페이스를 만듭니다.
Color Palette
Dimmed White
rgba(255,255,255,0.6)
보조 텍스트, 설명
Dark Surface
rgba(255,255,255,0.05)
카드 배경, 글래스모피즘
Subtle Border
rgba(255,255,255,0.1)
경계선, 구분선
Typography
Heading 1 / 6xl / Black
The quick brown fox jumps over the lazy dog
Heading 2 / 4xl / Bold
The quick brown fox jumps over the lazy dog
Heading 3 / 2xl / Semibold
The quick brown fox jumps over the lazy dog
Body Large / lg / Regular
The quick brown fox jumps over the lazy dog
Body / base / Light
The quick brown fox jumps over the lazy dog
Label / xs / Bold (Tracking 0.2em)
The quick brown fox jumps over the lazy dog