아이콘
Spaceship 아이콘은 복잡한 동작과 아이디어를 즉시 인식할 수 있는 심볼로 변환하여 사용자가 쉽게 탐색하고 상호작용할 수 있도록 돕습니다.
보편적이면서도 개성이 뚜렷한 우리의 아이콘은 브랜드를 이루는 가장 작은 구성 요소로, 즉각적인 인지가 가능하면서도 Spaceship의 정체성을 분명하게 유지하도록 설계되었습니다.
버전
모든 Spaceship 아이콘은 아웃라인(기본)과 채움(보조)의 두 가지 버전으로 제공됩니다.
구성
아이콘은 기본 그리드부터 스트로크 매개변수까지 정의된 규칙에 따라 설계되어, 일관되고 균형 잡힌 결과를 보장합니다.
크기
확장 가능하도록 설계된 아이콘은 시스템 전반에서 명확성과 시각적 조화를 유지하기 위해 다섯 가지 크기로 사용해야 합니다.
색상
색상은 사용자가 특정 인터페이스 내에서 자신의 제품을 더 쉽게 식별할 수 있도록 돕는 필수 요소입니다. 이러한 UI 맥락에서 일관성을 보장하기 위해 아이콘은 Spaceship Design System 색상을 사용합니다.
브랜드 색상
Spaceship의 핵심 색상으로서, 이 색상들은 플랫폼 UI와 같은 기능적 맥락이든 제품 페이지의 기능 표현과 같은 보다 설명적인 용도이든 아이콘에 우선적으로 선택되어야 합니다. 자세한 내용은 색상 페이지를 확인하세요.
제품 색상
제품의 주요 색상은 해당 아이콘에 적용되어야 합니다. 이는 Spaceship 생태계 전반에서 제품 인지도와 인식을 높이는 핵심 요소입니다.
알림 색상
알림 메시지를 강화하기 위해 알림 색상을 사용하세요. 이러한 색상은 알림 아이콘에만 적용해야 하며, 다른 아이콘이 성공, 오류 또는 경고 상태를 나타내는 예외적인 경우에만 드물게 사용할 수 있습니다.
가이드라인
다음은 아이콘 사용 시 피해야 할 사항의 예시입니다.
아이콘을 왜곡하거나 회전하거나 뒤집지 마세요. 항상 비율을 유지하여 크기를 조정하세요.
40x40px보다 큰 아이콘은 사용하지 마세요. 요소 간의 균형을 목표로 하세요.
틴트나 음영을 사용하지 마세요.