쉴더스랩 CI
쉴더스랩의 마크와 색, 서체를 어떻게 쓰는지 정리한 문서입니다. 로고가 어떤 뼈대 위에 그려졌는지, 얼마나 작게까지 줄여도 되는지, 어디까지가 허용이고 어디부터가 훼손인지를 여기서 정합니다. 파일은 전부 벡터(SVG) 원본이고 워드마크의 글자까지 아웃라인으로 바꿔 두어, 폰트가 없는 환경에서 열어도 모양이 흐트러지지 않습니다.
사명의 뜻
shield us, 우리를 지킨다. 이어 읽으면 쉴더스가 되고, 여기에 연구를 뜻하는 LAB이 붙었습니다. 로고의 실드와 그 안의 각인도 같은 뜻에서 나왔습니다.
자세한 설명은 회사소개에 있습니다.
로고 원본
쓰실 자리에 맞는 파일을 내려받으시면 됩니다.
한글형 (국문 우선 · 영문 병기)
국문 계약서나 국내 인쇄물처럼 한글이 주인공인 자리에 씁니다. 구조는 기본형과 같고 위계만 뒤집혀, 쉴더스랩이 크고 SHIELDUS LAB 이 아래에 작게 붙습니다. 한 지면에 기본형과 한글형을 섞어 쓰는 것만 피해 주세요.
그 외: 영문 워드마크 · 국문 워드마크 · 심볼 단색(currentColor) · 파비콘 · OG 커버 — 워드마크는 Manrope / Noto Sans KR(SIL Open Font License 1.1) 글리프를 아웃라인 변환해 제작했습니다.
브랜드 컬러
액센트는 딥 파인 그린 하나입니다. 배경에는 웜 오프화이트, 글자에는 잉크를 씁니다. 나머지는 이 셋을 받쳐 주는 색입니다.
#1A4B3A#0F3227#2E6B54#15181B#F6F4EF#EFECE4#4A5157#8A6224심볼의 뼈대
심볼은 64 × 64 격자 위에서 그려집니다. 실드는 좌우 대칭이고, 상단 어깨 폭 50.8, 하단 첨점은 (32, 61.6)에 놓입니다. 각인은 대문자 높이 27.5로 잉크 기준 중앙에 맞춥니다 — 글자 상자 기준이 아니라 실제 획이 차지하는 영역 기준입니다. 그래야 눈으로 봤을 때 가운데에 옵니다.
컴파운드 패스라 일러스트레이터에서 하나의 도형으로 열리고, 단색 각인이나 커팅에도 그대로 넘길 수 있습니다. 각인을 따로 떼어내지 마세요.
보호 여백과 최소 크기
로고 둘레에는 아무것도 두지 않는 영역이 필요합니다. 기준은 심볼 높이의 0.4배이고, 사방 모두 같습니다. 이보다 좁으면 다른 요소에 눌려 보입니다.
0.4 × 심볼 높이
최소 크기 아래로 내려야 하는 자리라면 락업 대신 심볼 단독을 쓰세요. 글자를 지우는 편이 뭉갠 글자를 남기는 것보다 낫습니다.
서체
웹과 문서는 IBM Plex 한 계열로 통일합니다. 로고의 워드마크만 다른 서체에서 왔는데, 이미 아웃라인으로 고정되어 있어 폰트를 설치할 필요가 없습니다.
| 쓰임 | 서체 | 굵기 |
|---|---|---|
| 본문 · 제목 | IBM Plex Sans KR | 400 본문 · 500 강조 · 600 제목 |
| 라벨 · 번호 · 메타데이터 | IBM Plex Mono | 400 · 500 |
| 로고 워드마크(영문) | Manrope ExtraBold SIL OFL 1.1 | 아웃라인 고정 |
| 로고 워드마크(국문) | Noto Sans KR SIL OFL 1.1 | 아웃라인 고정 |
600이 이 시스템의 볼드 끝입니다. 700 페이스는 싣지 않으므로 그 이상을 지정하면 브라우저가 글자를 알고리즘으로 부풀린 합성 볼드를 그립니다. 한글에서 특히 뭉개지고, 같은 화면의 진짜 600과 굵기가 어긋나 보입니다.
모노스페이스에는 한글 글리프가 없습니다. 라벨에 한글이 들어가면 다른 서체로 떨어져 한 줄 안에서 서체가 갈립니다. 한글이 섞이는 라벨은 산세리프로 되돌리고 자간을 좁힙니다.
사용 규칙
여백은 심볼 높이의 0.4배 이상. 크기는 심볼 20px, 가로형 락업 높이 24px 아래로는 내리지 마세요.
권장
- 배경 밝기에 맞는 파일(밝은/어두운/단색) 사용
- 가로·세로 비율 유지하며 크기만 조정
- 단색 사용이 필요하면 mono 파일 사용
- 다른 요소와 겹치지 않도록 여백 확보
금지
- 임의 색상 변경, 그라데이션 적용
- 비율 왜곡, 회전, 기울임, 그림자·외곽선 추가
- 심볼 일부만 잘라내 별도 도형처럼 사용
- 복잡한 사진 위에 저대비로 배치
- 다른 로고와 결합해 새로운 마크 생성
이렇게 쓰면 안 됩니다
아래는 실제로 자주 나오는 훼손입니다. 전부 금지입니다.