Home
Portfolio
Design System
본 가이드는 하이웍스 서비스의 시각적 일관성과 사용성을 극대화하기 위한 디자인 시스템의 핵심 원칙을 정의합니다. 복잡하고 방대한 기능들을 직관적으로 묶어내어 프로페셔널하고 스마트한 사용자 경험을 제공합니다. 또한, 논리적인 규칙과 공통 언어를 기반으로 디자이너와 개발자 간의 파편화된 소통을 줄이고, 효율적이고 예측 가능한 협업 환경(Foundation)을 구축하는 것을 목적으로 합니다.
네이밍 컨벤션 (Naming Convention)
본 디자인 시스템의 UI 컴포넌트는 직관적이고 일관된 관리를 위해 [ 정체성(Identity) + 표현(Expression) + 목적(Intention) ]이라는 3단계 구조를 기반으로 설계되었습니다.
네이밍의 목적 (Purpose of Naming)
디자인과 개발 간의 일관된 소통을 위한 기초 언어를 정의합니다. 논리적인 규칙을 통해 주관성을 배제하고, 이름만으로 요소의 용도와 상태를 직관적으로 파악할 수 있도록 합니다.
토큰 체계 (Design Tokens)
디자인 토큰은 하이웍스 UI를 구성하는 가장 작은 단위의 시각적 속성(컬러, 폰트, 간격 등)을 코드화한 시스템 언어입니다. 단순히 디자인 수치를 공유하는 것을 넘어,
파편화된 하드코딩을 방지하고 디자인과 개발 환경을 완벽하게 동기화합니다.
