회사 // CI
기업 아이덴티티
설비 회사가 설비 회사처럼 보이지 않는 것. 그것이 목표입니다. 완전 모노톤 · 대담한 타이포그래피 · 벤또 그리드 · 극한의 미니멀리즘. 액센트 컬러가 없습니다 — 강조는 잉크와 종이를 뒤집어 만듭니다.
로고 // LOGO
로고
| 항목 | 값 | 단위 | 조건 |
|---|---|---|---|
| 심볼 원 지름 D | 34.56 | pt | 반지름 17.28 |
| 위쪽 원 중심 | 63.56 · 51.41 | pt | x · y |
| 아래쪽 원 중심 | 37.69 · 84.96 | pt | x · y |
| 두 원 사이 최단 거리 | 0.262 | D | 최소 크기의 근거 |
| 워드마크 | Inter 24pt ExtraBold | — | 800 |
| 보호 여백 | D | — | 사방. 원 지름만큼 |
로고 // 금지
하지 마십시오
컬러 // COLOR
잉크와 종이
둘이 전부입니다. 회색은 구조용으로만 씁니다 — 경계선 · 비활성 · 플레이스홀더.
| 역할 | 화면 | 인쇄 | 조건 |
|---|---|---|---|
| 잉크 | #000000 | 인쇄 발주 전 문의 | |
| 종이 | #ffffff | 백색 용지 (무염색) | 지종 · 백색도는 발주 전 문의 |
| 헤어라인 | #e5e5e5 | — | 여백으로 구분이 안 될 때만 |
| 입력 테두리 | #c9c9c9 | — | 화면 전용 |
| 비활성 | #9a9a9a | — | 종이 위 2.8:1. 읽혀야 하는 텍스트에 쓰지 않습니다 |
순수 무채색
R = G = B. 색조가 섞인 회색은 쓰지 않습니다. 그림자 · 반투명 · 글래스도 없습니다 — 스티키 헤더만 예외입니다.
타이포 // TYPE
웨이트는 셋뿐
ExtraBold 800
Aa 가
디스플레이 · 워드마크
SemiBold 600
Aa 가
제목 · 강조 · 소형 텍스트
Light 300
Aa 가
본문 · 정보 텍스트. 16 px 이상에서만
| 단계 | 크기 | 웨이트 | 트래킹 |
|---|---|---|---|
| Display 1 | 96 px | 800 | −45‰ |
| Display 2 | 56 px | 800 | −35‰ |
| Title | 32 px | 600 | −15‰ |
| Body | 16 px | 300 | 0 |
| Caption | 12 px | 600 | +20‰ |
서체는 Inter(라틴 · 숫자) + Pretendard(한글) 입니다.
형태 // FORM
원 아니면 직각
로고가 완전한 원과 각진 슬래브 둘로만 되어 있습니다. 그 사이 형태는 없습니다 — 라운드 사각형과 타원을 쓰지 않습니다. 모서리 라운드는 0 입니다.
모따기 // CHAMFER
45° 컷 코너. 한 요소에 한 모서리, 기본은 우상단. 크기는 벤또 갭과 같게 — 화면 16 px, 인쇄 4 mm. 대상은 컨테이너뿐입니다. 버튼 · 입력 · 아이콘에는 쓰지 않습니다.
이 페이지 맨 아래 블록의 우상단이 잘려 있습니다 — 그것이 실물입니다. 직각 사각형은 아무것도 말하지 않지만, 잘린 모서리는 기억됩니다.
아이콘
24 단위 정사각 그리드, 획 2 단위, 채우기 없음, 라운드 0. 원 · 수평선 · 수직선 · 45° 사선 넷만 씁니다.
아이콘은 문장을 대체할 때만 씁니다. 문장 옆에 덧붙이지 않습니다 — 글자 수가 그대로라면 그 아이콘은 장식입니다.
같은 지름의 원 두 개를 대각으로 놓지 마십시오. 로고로 읽힙니다.