HyperStore 브랜드 가이드라인
HyperStore를 정확하게 표현하는 데 필요한 모든 것 — 로고, 앱 아이콘, 컬러, 타이포그래피, 그리고 공식 "Featured on HyperStore" 배지. 브랜드가 어디에 표시되든 일관성을 유지할 수 있도록 이러한 요소를 그대로 사용해 주세요.
로고
HyperStore 워드마크는 우리의 핵심 정체성입니다. 밝은 배경에는 풀 컬러 버전을, 어두운 배경에는 라이트 버전을 사용하세요. 항상 제공된 파일을 사용하고 워드마크를 다시 그리거나 다시 입력하지 마세요.
여백
로고 주변의 여백은 앱 아이콘 마크 높이 이상으로 유지하세요. 다른 요소가 로고에 가까이 붙지 않도록 합니다.
최소 크기
가독성을 유지하기 위해 화면에서 워드마크를 가로 88px(인쇄 시 약 12mm) 이하로 표시하지 마세요.
앱 아이콘
둥근 사각형 마크는 컴팩트한 정체성으로, 파비콘, 아바타, 소셜 프로필 이미지, 그리고 전체 워드마크가 들어가지 않는 앱 타일에 사용하세요. 둥근 모서리를 유지하고 일반 사각형이나 원으로 자르지 마세요.
컬러
퍼플은 브랜드의 핵심입니다. 히어로 영역과 강조 요소에는 그라데이션을, 흰색 배경에서 대비가 필요한 텍스트와 채움에는 딥 퍼플을 사용하세요. 스와치를 클릭하면 hex 값을 복사할 수 있습니다.
타이포그래피
HyperStore는 제품 전반에 걸쳐 깔끔하고 가독성 높은 산세리프 서체인 Lexend를 사용합니다. 제목은 Medium과 Semibold를, 본문은 Regular를 사용합니다. Lexend는 Google Fonts에서 무료로 제공하는 오픈소스 서체입니다.
Lexend
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ # % →
"Featured on HyperStore" 배지
도구가 등록되어 있다면 자랑해 보세요. 이 배지를 사이트에 배치하고 HyperStore 리스팅 페이지로 연결하세요. 스타일과 크기를 선택한 다음 스니펫을 복사하세요.
주의사항
브랜드 마크의 인지도와 통일성을 유지하세요. 몇 가지 간단한 규칙만 지키면 거의 모든 경우를 커버할 수 있습니다.
- 원본 그대로 수정되지 않은 파일을 사용하세요.
- 로고 주위에 충분한 여백을 확보하세요.
- Shift 키를 누른 채 비율에 맞춰 크기를 조절하세요.
- 충분한 대비가 있는 배경에 배치하세요.
- 로고의 색상이나 그라데이션을 변경하지 마세요.
- 로고를 늘리거나, 압축하거나, 회전하지 마세요.
- 그림자, 외곽선, 효과를 추가하지 마세요.
- 복잡하거나 대비가 낮은 배경에 배치하지 마세요.
브랜드 사용에 대해 궁금한 점이 있으신가요?
언론, 파트너십 로고 또는 여기서 다루지 않은 사항이 있으시면 언제든 문의해 주시면 도움을 드리겠습니다.
문의 →