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