명료함
장식보다 먼저 이름이 읽혀야 합니다. 작은 크기에서는 원본을 우선합니다.
KLIC을 알아보게 하는 형태와 색.
그 형태를 일관되게 사용하는 기준.
KLIC 원본 로고를 마스터로 유지합니다. 새로 정의한 사용 기준은 로고의 의미를 임의로 바꾸지 않고, 제품과 문서에서 같은 인상을 유지하는 데 목적이 있습니다.
장식보다 먼저 이름이 읽혀야 합니다. 작은 크기에서는 원본을 우선합니다.
하나의 원형, 정해진 여백, 역할이 있는 색상을 반복합니다.
2.5D는 큰 브랜드 표현에 사용합니다. UI 안에서는 콘텐츠와 경쟁하지 않습니다.
K · L · i · C의 원본 패스와 비율을 유지합니다. 분리, 재배열, 재작성 없이 제공 SVG를 사용하세요.
로고가 실제로 보이는 높이를 H로 정의합니다. 외곽에서 상하좌우 H/4 이상을 비웁니다. SVG 캔버스의 빈 공간이 아니라 보이는 형태를 기준으로 측정하세요.
이 수치는 이번 CI 체계의 시작 기준입니다. 최종 매체에서 i의 점과 획이 구분되는지 확인하고 필요하면 확대하세요. 인쇄 색상은 출력 교정 후 확정합니다.
회사 CI 페이지의 가로형·세로형·한글명·컨소시엄 조합을 기존 KLiC SVG로 구성했습니다. 심벌의 원본 패스와 비율을 유지합니다.
한글명은 편집 가능한 Paperlogy 텍스트입니다. 원본 PNG의 글자 윤곽과 동일한 벡터는 아닙니다. ZIP에 포함된 폰트를 설치하면 같은 서체로 편집할 수 있습니다. 기존 글자 모양이 반드시 필요하면 아래 원본 PNG를 사용하세요.
회사 CI 원본 페이지 ↗매체별 배치 예시입니다. 로고를 가로·세로로 따로 늘리지 않고 전체를 같은 비율로 조절하세요. 최종 출력에서 한글명과 i의 점이 읽히는지 확인하세요.
원본 로고의 색은 파일 그대로 유지합니다. 아래 팔레트는 제품 UI와 브랜드 배경에 사용하는 역할 기반 색상입니다.
#245FC2주요 행동
klic.semantic.color.accent#2641B9선택과 탐색
klic.semantic.color.navigation#132C46본문과 브랜드 바탕
klic.semantic.color.text#FBFCFE밝은 배경
klic.semantic.color.surface토큰은 테마에 따라 달라집니다. 고정 HEX를 모든 UI에 직접 적용하지 말고 실제 토큰 참조를 확인하세요. 기본 테마의 실제 토큰 경로에 연결되어 있습니다. 토큰 연결 보기 ↗
첨부된 확장 로고를 색상별로 살펴보세요. 원본 SVG의 색과 벡터를 그대로 보존했습니다. 아래 변형의 색상값은 로고 파일에 사용된 값이며 제품 UI의 공통 토큰 팔레트와는 별도로 표시합니다.
40개 SVG · 10개 색상 × 4개 표현
40종 파일 목록·색상·SHA-256 확인 ↗ · 투명 배경 · 300 × 300 viewBox · 개별 파일은 첨부 원본과 동일
KLiC 심벌은 서체로 대체하지 않습니다. 조합형의 한글명은 명시된 편집용 서체를 사용합니다. 로고 밖의 타이포그래피는 한글과 영문의 리듬, 정보 위계를 일관되게 만듭니다.
작은 디테일에서
완성된 화면까지.
제목은 짧게, 본문은 명확하게. 정보의 중요도에 따라 크기와 두께를 나누고, 긴 문장에는 충분한 줄 간격을 확보합니다.
Body 16 / 1.7 · Label 13 / 1.5로고의 크기보다 배치와 주변 공간이 브랜드의 인상을 결정합니다. 장식 효과는 제공된 파일 안에서만 유지합니다.
콘텐츠가 중심이 되도록 작은 원본과 충분한 여백을 사용합니다.
커버·프레젠테이션에는 큰 2.5D 로고를 사용하고, 복잡한 이미지 위에는 독립된 바탕을 둡니다.
원본 · 라이트 · 다크 · 워드마크 · 파비콘.
벡터 원형을 유지한 SVG 에셋 패키지입니다.