Brand Identity
CI·BI
심벌, 로고타입, 전용 색, 여백 규정을 안내합니다.
- 주조색
- #002C5F13.9:1
- 카드 모서리
- 0px
- 버튼 모서리
- 4px
- 자간
- -0.4px
Symbol
이어진 두 개의 호
모빅스모터스의 심벌은 두 개의 호가 서로 반대 방향으로 굽어 이어지는 형태입니다. 위쪽 호는 나아가는 방향을, 아래쪽 호는 되돌아오는 순환을 뜻합니다.
두 호가 만나는 지점은 열려 있습니다. 닫힌 원으로 만들자는 안이 있었지만 채택하지 않았습니다. 닫힌 형태는 완결을 뜻하는데, 이 회사는 아직 옮겨 가는 중이기 때문입니다.
심벌은 2004년 사명 변경 때 만들어졌고 2023년에 한 차례 개정했습니다. 개정에서 바꾼 것은 획 두께입니다. 화면에서 작게 표시될 때 두 호가 붙어 보이는 문제가 있어 획을 얇게 하고 간격을 넓혔습니다.
로고타입은 대문자 라틴 「MOBIX MOTORS」를 기본으로 합니다. 국문 병기가 필요하면 「모빅스모터스」를 심벌 오른쪽이나 아래에 둡니다. 국문 단독 사용은 허용하지 않습니다.
Colors
전용 색상
| 이름 | HEX | RGB | 대비 | 용도 |
|---|---|---|---|---|
| Mobix Blue | #002C5F | R0 G44 B95 | 13.9:1 | 주조색. 심벌, 주 버튼, 강조 |
| Deep Blue | #00457F | R0 G69 B127 | 9.4:1 | 주조색 hover 및 눌림 상태 |
| Signal Cyan | #007FA8 | R0 G127 B168 | 4.0:1 | 아이콘과 큰 글자 전용. 본문 금지 |
| Ink | #303133 | R48 G49 B51 | 12.6:1 | 제목과 본문 |
| Gray 60 | #606266 | R96 G98 B102 | 6.2:1 | 보조 텍스트 |
| Gray 6E | #6E6E6E | R110 G110 B110 | 5.1:1 | 캡션. 샌드 배경에서도 4.6:1 |
| Sand | #F6F3F2 | R246 G243 B242 | — | 보조 배경. 브랜드 뉴트럴 |
| Sand Deep | #E4DCD3 | R228 G220 B211 | — | 샌드 진한 톤. 구분 영역 |
| Line | #E5E5E5 | R229 G229 B229 | — | 구분선과 표 테두리 |
Signal Cyan 은 흰 배경 대비 4.0:1 이라 본문 텍스트에 쓰지 않습니다. 24px 이상 큰 글자와 아이콘에만 씁니다.
Rules
사용 규정
지켜야 할 것
- 심벌 주변 최소 여백은 심벌 높이의 0.6배
- 최소 사용 크기는 인쇄 9mm, 화면 28px
- 단색 사용 시 Mobix Blue 또는 흰색만
- 어두운 배경에서는 흰색 반전 버전 사용
하지 말아야 할 것
- 두 호의 간격 임의 조정
- 심벌 비율 변경
- 그림자·외곽선·그라디언트 추가
- 국문 로고타입 단독 사용
- 두 호를 닫아 원형으로 만드는 것
파일 제공
- AI·EPS 벡터 (인쇄용)
- SVG (웹용)
- PNG 투명 배경 3종 (72/144/300dpi)
- 단색·반전 버전 각 1종
- 요청은 홍보실로
Type
타이포그래피와 조형 규칙
국문 서체는 Pretendard, 라틴 서체는 Inter 를 기본으로 씁니다. 제목은 굵기 400에서 500 사이를 쓰고 700 이상은 쓰지 않습니다.
굵기를 억제하는 이유는 위계를 크기로 만들기 위해서입니다. 제목을 굵게 하면 손쉽게 눈에 띄지만 화면 전체가 무거워집니다. 크기 차이로 위계를 만들면 여백이 살아납니다.
전역 자간은 -0.4px 입니다. 국문과 라틴이 섞인 문장에서 글자 사이가 벌어져 보이는 것을 막기 위한 값입니다.
모서리는 직각이 기본입니다. 카드와 이미지, 표는 모두 각지게 두고 버튼과 입력창만 4px 를 씁니다. 이 두 값은 브랜드 조형의 일부이므로 페이지마다 다르게 쓰지 않습니다.
- 제목 굵기 400~500 · 700 이상 사용 금지
- 전역 자간 -0.4px
- 카드·이미지·표 모서리 0 · 버튼과 입력만 4px
- 컨테이너 최대 폭 1200px · 좌우 여백 24px
