Illustration
다양한 사용자 접점에서 시각적 인상을 형성하고, 시각 경험을 강화하기 위한 그래픽 요소입니다.서비스의 성격, 전달하고자 하는 메시지, 노출 범위에 따라 Small, Medium, Large 세 가지 타입으로 구분되며, 크기와 묘사 수준에 따라 적용할 수 있도록 설계되었습니다.
Style guide
- Realism
소재의 실제 형태를 반영해 디자인하여 사용자가 직관적으로 인식할 수 있도록 돕고, 정확한 정보 전달로 신뢰를 높입니다.
- Depth & Dimension
단순한 평면적 아이콘을 넘어, 입체감 있는 표현을 통해 정보의 위계와 구조를 드러냅니다.
동일한 색상군 안에서 밝음/중간/어두움의 2~3단계 톤을 사용하여 깊이감을 표현합니다.
- Shadow
블랙 그림자를 활용해 시선을 유도하고, 시각적 집중도와 임팩트를 높입니다.
그림자는 그래픽의 위치나 상황에 따라 깊이감 또는 부유감을 조절하며, 전체적인 균형을 완성합니다.
방향 및 각도
빛은 좌측 상단에서 우측 하단으로 비추는 것을 기본으로 하며, 그림자는 이 방향에 따라 자연스럽게 드리워집니다.
색상
바닥 그림자는 블랙 컬러(Gray 900 / #181A1B)를 사용합니다.
오브젝트 내부의 그림자는 오브젝트의 기본 색상에서 명도를 조정한 톤으로 표현합니다.
오브젝트끼리 겹쳐질 경우의 그림자는 블랙 색상을 사용하여 명확한 깊이감을 부여합니다.
모든 그림자는 단색으로 표현하며, 그라데이션은 사용하지 않습니다.
Type
크몽 일러스트는 크기와 묘사 수준에 따라 적용할 수 있도록 Small, Medium, Large 세 가지 타입으로 구분됩니다.
- Small
단순한 형태 / 제한된 색상 조합 / 블랙 포인트
작은 영역에서도 명확히 인식될 수 있도록, 복잡하지 않은 플랫한 그래픽 스타일을 사용하고 한 가지 컬러의 두 가지 밝기 톤을 기본으로, 필요에 따라 최대 두 가지 컬러까지만 사용합니다.핵심 요소를 블랙 포인트로 강조해 시선을 모으고, 그래픽의 중심과 안정감을 유지합니다.
- Medium
입체감 표현 / 단일 메타포 구성 / 블랙 포인트
각도와 그림자를 활용해 깊이와 볼륨감을 시각적으로 표현하되 가능한 한 결합되지 않은 하나의 오브젝트(메타포) 로 구성해 명확하고 집중도 높은 메시지를 전달합니다.오브젝트 내부에는 블랙 포인트나 그림자등을 사용하여 안정감과 무게감을 더합니다.
- Large
입체감 표현 / 2개이상의 복합 메타포 / 디테일 추가
입체감과 블랙포인트 사용은 medium과 같은 성격을 유지합니다.large에서는 반드시 두 개 이상의 메타포를 결합해 상황과 맥락을 다양하게 표현하며, 브랜드의 스토리와 메시지를 시각적으로 확장하며 사이즈에 맞는 영역별 디테일을 추가하여 완성도를 높입니다.
Color Palette
가시성 높은 컬러와 블랙의 조합을 통해 시선을 끌고 안정감 있는 비주얼을 전달합니다.
Usage
Copyright © 2026 kmong Inc. All rights reserved.
Illustration
다양한 사용자 접점에서 시각적 인상을 형성하고, 시각 경험을 강화하기 위한 그래픽 요소입니다.서비스의 성격, 전달하고자 하는 메시지, 노출 범위에 따라 Small, Medium, Large 세 가지 타입으로 구분되며, 크기와 묘사 수준에 따라 적용할 수 있도록 설계되었습니다.
Style guide
- Realism
소재의 실제 형태를 반영해 디자인하여 사용자가 직관적으로 인식할 수 있도록 돕고, 정확한 정보 전달로 신뢰를 높입니다.
- Depth & Dimension
단순한 평면적 아이콘을 넘어, 입체감 있는 표현을 통해 정보의 위계와 구조를 드러냅니다.
동일한 색상군 안에서 밝음/중간/어두움의 2~3단계 톤을 사용하여 깊이감을 표현합니다.
- Shadow
블랙 그림자를 활용해 시선을 유도하고, 시각적 집중도와 임팩트를 높입니다.
그림자는 그래픽의 위치나 상황에 따라 깊이감 또는 부유감을 조절하며, 전체적인 균형을 완성합니다.
방향 및 각도
빛은 좌측 상단에서 우측 하단으로 비추는 것을 기본으로 하며, 그림자는 이 방향에 따라 자연스럽게 드리워집니다.
색상
바닥 그림자는 블랙 컬러(Gray 900 / #181A1B)를 사용합니다.
오브젝트 내부의 그림자는 오브젝트의 기본 색상에서 명도를 조정한 톤으로 표현합니다.
오브젝트끼리 겹쳐질 경우의 그림자는 블랙 색상을 사용하여 명확한 깊이감을 부여합니다.
모든 그림자는 단색으로 표현하며, 그라데이션은 사용하지 않습니다.
Type
크몽 일러스트는 크기와 묘사 수준에 따라 적용할 수 있도록 Small, Medium, Large 세 가지 타입으로 구분됩니다.
- Small
단순한 형태 / 제한된 색상 조합 / 블랙 포인트
작은 영역에서도 명확히 인식될 수 있도록, 복잡하지 않은 플랫한 그래픽 스타일을 사용하고한 가지 컬러의 두 가지 밝기 톤을 기본으로, 필요에 따라 최대 두 가지 컬러까지만 사용합니다.핵심 요소를 블랙 포인트로 강조해 시선을 모으고, 그래픽의 중심과 안정감을 유지합니다.
- Medium
입체감 표현 / 단일 메타포 구성 / 블랙 포인트
각도와 그림자를 활용해 깊이와 볼륨감을 시각적으로 표현하되 가능한 한 결합되지 않은 하나의 오브젝트(메타포) 로 구성해 명확하고 집중도 높은 메시지를 전달합니다.오브젝트 내부에는 블랙 포인트나 그림자등을 사용하여 안정감과 무게감을 더합니다.
- Large
입체감 표현 / 2개이상의 복합 메타포 / 디테일 추가
입체감과 블랙포인트 사용은 medium과 같은 성격을 유지합니다.large에서는 반드시 두 개 이상의 메타포를 결합해 상황과 맥락을 다양하게 표현하며, 브랜드의 스토리와 메시지를 시각적으로 확장하며 사이즈에 맞는 영역별 디테일을 추가하여 완성도를 높입니다.
Color Palette
가시성 높은 컬러와 블랙의 조합을 통해 시선을 끌고 안정감 있는 비주얼을 전달합니다.
Usage
Copyright © 2026 kmong Inc. All rights reserved.
Illustration
다양한 사용자 접점에서 시각적 인상을 형성하고, 시각 경험을 강화하기 위한 그래픽 요소입니다.서비스의 성격, 전달하고자 하는 메시지, 노출 범위에 따라 Small, Medium, Large 세 가지 타입으로 구분되며, 크기와 묘사 수준에 따라 적용할 수 있도록 설계되었습니다.
Style guide
- Realism
소재의 실제 형태를 반영해 디자인하여 사용자가 직관적으로 인식할 수 있도록 돕고, 정확한 정보 전달로 신뢰를 높입니다.
- Depth & Dimension
단순한 평면적 아이콘을 넘어, 입체감 있는 표현을 통해 정보의 위계와 구조를 드러냅니다.
동일한 색상군 안에서 밝음/중간/어두움의 2~3단계 톤을 사용하여 깊이감을 표현합니다.
- Shadow
블랙 그림자를 활용해 시선을 유도하고, 시각적 집중도와 임팩트를 높입니다.
그림자는 그래픽의 위치나 상황에 따라 깊이감 또는 부유감을 조절하며, 전체적인 균형을 완성합니다.
방향 및 각도
빛은 좌측 상단에서 우측 하단으로 비추는 것을 기본으로 하며, 그림자는 이 방향에 따라 자연스럽게 드리워집니다.
색상
바닥 그림자는 블랙 컬러(Gray 900 / #181A1B)를 사용합니다.
오브젝트 내부의 그림자는 오브젝트의 기본 색상에서 명도를 조정한 톤으로 표현합니다.
오브젝트끼리 겹쳐질 경우의 그림자는 블랙 색상을 사용하여 명확한 깊이감을 부여합니다.
모든 그림자는 단색으로 표현하며, 그라데이션은 사용하지 않습니다.
Type
크몽 일러스트는 크기와 묘사 수준에 따라 적용할 수 있도록 Small, Medium, Large 세 가지 타입으로 구분됩니다.
- Small
단순한 형태 / 제한된 색상 조합 / 블랙 포인트
작은 영역에서도 명확히 인식될 수 있도록, 복잡하지 않은 플랫한 그래픽 스타일을 사용하고한 가지 컬러의 두 가지 밝기 톤을 기본으로, 필요에 따라 최대 두 가지 컬러까지만 사용합니다.핵심 요소를 블랙 포인트로 강조해 시선을 모으고, 그래픽의 중심과 안정감을 유지합니다.
- Medium
입체감 표현 / 단일 메타포 구성 / 블랙 포인트
각도와 그림자를 활용해 깊이와 볼륨감을 시각적으로 표현하되 가능한 한 결합되지 않은 하나의 오브젝트(메타포) 로 구성해 명확하고 집중도 높은 메시지를 전달합니다.오브젝트 내부에는 블랙 포인트나 그림자등을 사용하여 안정감과 무게감을 더합니다.
- Large
입체감 표현 / 2개이상의 복합 메타포 / 디테일 추가
입체감과 블랙포인트 사용은 medium과 같은 성격을 유지합니다.large에서는 반드시 두 개 이상의 메타포를 결합해 상황과 맥락을 다양하게 표현하며, 브랜드의 스토리와 메시지를 시각적으로 확장하며 사이즈에 맞는 영역별 디테일을 추가하여 완성도를 높입니다.
Color Palette
가시성 높은 컬러와 블랙의 조합을 통해 시선을 끌고 안정감 있는 비주얼을 전달합니다.
Usage
Copyright © 2026 kmong Inc. All rights reserved.