← DIVEROID 브랜드 시스템 홈한국어EN
로고 사용 규칙
이 페이지는 부모 브랜드 DIVEROID의 시그니처와 워드마크에 적용됩니다. 제품별 로고와 등록된 선택형 모션은 제품 로고 가이드와 공식 제작 파일 목록을 따릅니다.
빠른 답
- 밝은 배경(흰색, 연한 색, 문서) →
diveroid-signature-color-transparent.png 또는 diveroid-wordmark-color-transparent.png
- 어두운 배경(짙은 보라 #201748, 어두운 사진) →
diveroid-signature-white-transparent.png 또는 diveroid-wordmark-white-transparent.png
- 덱 표지·회사 소개 = 시그니처(거북이 심볼+글자), 좁은 자리(웹 상단바, 문서 하단, 이메일) = 워드마크(글자만)
- 파일 위치: 공식 로고 갤러리 — 표시된 8개 PNG와 벡터 원본(.ai) 4종이 공식입니다. ✅ 사용 가능
- 로고를 눈으로 보고 고르려면 → 로고 갤러리 (컬러·흰색·검정·모노톤 8종을 배경 위에서 보여줍니다)
- 로고를 직접 그리거나 색을 바꾸는 건 ⛔ 사용 금지. 항상 파일을 그대로 놓으세요.
어떤 파일을 쓰나
| 배경 / 용도 | 시그니처 (심볼+글자) | 워드마크 (글자만) |
|---|
| 흰색·밝은 배경 | diveroid-signature-color-transparent.png | diveroid-wordmark-color-transparent.png |
| 짙은 보라·어두운 배경 | diveroid-signature-white-transparent.png | diveroid-wordmark-white-transparent.png |
| 흑백 인쇄·계약서·인보이스 | diveroid-signature-black-transparent.png | diveroid-wordmark-black-transparent.png |
| 그레이스케일 문서·컬러 인쇄물의 흑백 출력 확인 | diveroid-signature-monotone-transparent.png | diveroid-wordmark-monotone-transparent.png |
| 진짜 단색 제작(각인·자수·도장·단일 잉크) | 검정판 또는 흰색판 — 제작 공정 확인 후 | 검정판 또는 흰색판 — 제작 공정 확인 후 |
- 시그니처: 처음 브랜드를 만나는 자리. 덱 표지, 웹사이트 대표 화면, 회사 소개, 파트너 제안서, 보도자료.
- 워드마크: 공간이 좁지만 이름은 보여야 하는 자리. 웹 상단바, 앱 화면 머리, 이메일 머리, 문서 하단, 파트너와 나란히 놓을 때.
- 제품 UI 헤더에 "DIVEROID"를 글자로 타이핑하지 말고 워드마크 파일을 쓰세요.
- 모노톤 자산은 여러 단계의 회색이 섞인 그레이스케일 이미지입니다. 각인·자수·도장·단일 잉크처럼 색이 하나뿐인 공정용이 아닙니다. 그레이스케일 문서나 흑백 출력 확인에 쓰세요.
- 단색 제작은 이렇게: ① 제작 업체에 공정을 먼저 확인합니다(단일 잉크인지, 음/양각인지, 자수 실이 한 색인지). ② 제공된 검정판 또는 흰색판을 배경에 맞춰 그대로 전달합니다. ③ 로고를 다시 칠하거나 다시 그리거나 선만 따서 만들지 마세요 — 필요하면 jay에게 확인하세요.
- 심볼(거북이 마크)만 따로 쓰는 파일은 아직 없습니다. 심볼만 필요하면 jay에게 확인하세요. 시그니처에서 잘라내는 것은 ⛔ 사용 금지.
- 원본 벡터(.ai)는 로고 갤러리에 4개 있습니다: signature color / signature black / wordmark color / wordmark black. (
diveroid-logo-03-legacy.ai는 이전 버전이라 새 작업에 쓰지 않습니다.) 크게 인쇄하거나 외부 제작 업체에 맡길 때는 이 원본을 우선 전달하세요.
- SVG는 아직 없습니다. 일러스트레이터에서 내보내는 작업이 남아 있습니다. [확인 필요] 그동안은 .ai 원본과 PNG로 진행하세요.
배경 규칙
좋은 배경:
- 깨끗한 흰색 또는 아주 연한 하늘색(#EEF9FF)
- 짙은 보라(#201748) 단색 + 흰색 로고
- 브랜드 색 단색 띠
사진 위에 놓을 때:
- 어둡고 잔잔한 부분에 흰색 로고. 사진이 밝고 단순하면 컬러 로고도 가능.
- 산호, 물고기, 기포, 장비처럼 복잡한 부분 위는 피하세요. 필요하면 사진 위에 어두운 반투명 막을 깔고 그 위에 흰색 로고.
- 로고가 사진의 중요한 부분(사람 얼굴, 제품)을 가리면 안 됩니다.
확인 방법: 화면 100%, 50%, 휴대폰 크기에서 로고가 또렷하게 읽히면 통과.
최소 크기와 여백
최소 크기 (이보다 작으면 쓰지 마세요):
| 파일 | 화면 최소 | 권장 | 인쇄 최소 |
|---|
| 시그니처 | 가로 160px | 가로 220px | 가로 35 mm |
| 워드마크 | 가로 120px | 가로 160px | 가로 25 mm |
여백 (로고 주변에 아무것도 없어야 하는 공간):
- 기준 단위는 워드마크 "DIVEROID"에 있는 대문자 D 글자의 높이입니다. 거북이 심볼의 크기가 아닙니다.
- 시그니처: 사방으로 D 높이 1배 이상. 덱 표지·보도자료는 1.5배.
- 워드마크: 사방으로 D 높이 1배 이상.
- 이 여백 안에 글자, 아이콘, 사진, 버튼, 다른 회사 로고가 들어오면 안 됩니다.
파트너 로고와 나란히 놓을 때:
- 두 로고 사이를 D 높이 1배 이상 띄우고, 가능하면 같은 밑줄에 맞추세요.
- DIVEROID 로고 색을 파트너 색에 맞춰 바꾸지 마세요.
어디에 어떻게 놓나
| 자리 | 쓰는 로고 | 메모 |
|---|
| 웹사이트 상단바 | 워드마크 | 왼쪽 정렬, 작고 또렷하게 |
| 웹사이트 대표 화면 | 시그니처 또는 워드마크 | 둘 다 크게 넣지 않기 |
| 웹사이트 하단 | 워드마크 | |
| 제품 UI | 워드마크만, 로그인·시작 화면·설정 정도 | 다이브 로그, 카메라, 지도 화면에는 큰 로고 넣지 않기 |
| 덱 표지 | 시그니처 | 밝은 배경엔 컬러, 어두운 배경엔 흰색 |
| 덱 하단 | 워드마크 | 작지만 읽히게 |
| 계약서·인보이스 | 워드마크 black | |
한 페이지 안에서 로고를 구역마다 반복해서 넣지 마세요. 한두 번이면 충분합니다.
소셜 아바타
- 아바타(프로필 사진) 전용 파일은 아직 없습니다. 지금 계정에 쓰고 있는 앱 아이콘 이미지를 유지하고, 새로 만들 일이 생기면 jay에게 확인하세요. [확인 필요]
- 워드마크는 160px보다 작은 아바타에서 글자가 뭉개지므로 아바타로 쓰지 마세요.
- 새 아바타를 올리기 전에 32px, 48px, 96px 크기에서 알아볼 수 있는지 확인하세요.
- 배너·커버 이미지에는 워드마크를 쓰세요.
금지 사항 — 전부 ⛔ 사용 금지
- 로고를 다시 그리기, 따라 그리기, 단순하게 고치기. AI에게 로고를 새로 만들거나 고치게 하는 것도 금지.
- 색 바꾸기, 그림자·빛·테두리·그라데이션·질감 넣기.
- 늘리기, 눌러 찌그러뜨리기, 기울이기, 회전하기, 잘라내기.
- 심볼과 글자 사이 간격을 눈대중으로 다시 맞추기. 시그니처는 통째로 한 파일입니다.
- 스크린샷, 앱스토어 이미지, 웹페이지에서 로고를 잘라내 쓰기. 항상 brand-kit의 원본 파일을 쓰세요.
- 웹사이트의 삼각형 파비콘(브라우저 탭 아이콘)을 로고로 쓰기. 그것은 로고가 아닙니다.
- 거북이 심볼을 지도 핀, AI 배지, 동기화·속도·번개 아이콘, 글머리 기호 같은 기능 아이콘으로 쓰기.
- 복잡한 사진이나 차트 위에 보호 장치 없이 로고 올리기.
- 로고를 빙글빙글 돌리거나 헤엄치게 하는 애니메이션. 움직임이 필요하면 서서히 나타나는 정도만.
새 로고나 변형이 필요하면
발행 전 세 가지만 물어보세요: ① 공식 로고를 새로 만들거나 변형하나요? ② 안전·AI 능력을 주장하나요? ③ 법률·라이선스가 걸리나요? — 하나라도 "예"면 jay에게 확인, 전부 "아니오"면 그냥 발행하세요. 로고 관련 작업은 대부분 ①에 해당하니, 여기 있는 8개 파일 그대로 쓰는 것 외에는 jay 확인이 먼저입니다.
편집 원본