연구의 정밀함과 만드는 즐거움.
두 개의 블록에서 시작하는 DevChoco의 시각 언어.
DevChoco를 알리는 웹사이트·발표 자료·문서가 같은 모습을 갖도록 회사 안에서 정리한 브랜드 기준입니다.
두 개의 블록.
하나의 연결된 과정.
DevChoco의 심볼은 두 개의 초콜릿 블록으로 이루어져 있습니다. 첫 번째 블록은 탐구와 실험을, 두 번째 블록은 구현과 제품을 상징합니다. 서로 다른 역할을 가진 두 블록이 하나로 연결되며, 연구를 실제 제품으로 발전시키는 DevChoco의 방향성을 표현합니다.
새로운 질문
가능성의 탐구
아이디어의 구현
사람들이 쓰는 결과
기술의 모듈을 닮은 구조, 초콜릿에서 가져온 온기.
정밀한 사각형에 부드러운 모서리를 더했습니다. 기술의 정확함과 창의적인 개발 문화의 친근함을 함께 표현합니다.
두 블록의 상대적인 크기, 깊이와 방향을 모든 자산에서 일관되게 유지합니다.
권장 가이드 · 브랜드 명세 기준심볼을 3D로 다시 렌더링할 때 맞추는 카메라·재질 기준값입니다. 위 원본 이미지에서 측정한 값은 아닙니다.
Espresso에서 Warm White까지. 따뜻하고 절제된 여덟 가지 브랜드 컬러.
컬러칩을 누르면 HEX 코드가 복사됩니다.
굵기 700–800 · 자간 −0.035em
굵기 400–500 · 자간 0.32em
웹에서 텍스트로 쓰는 워드마크는 Manrope 700–800, 자간 −0.035em으로 표기합니다. 로고 PNG 안의 글자는 아트워크의 일부이므로 텍스트로 다시 만들지 않고 파일을 그대로 사용합니다.
DevChoco, Studio, Lab. 공식 로고와 심볼은 원본 파일을 그대로 사용합니다.
회사 소개 · 프레젠테이션 · 브랜드 가이드
제품 웹사이트 · 서비스 문서
연구 자료 · 논문 · 공개 코드
소개 자료 · 커버 · 브랜드 표현
연구 소개 자료 · 커버
웹 아이콘 · 앱 · 프로필 · GitHub
웹 헤더에서는 공식 심볼과 워드마크를 가로로 배치합니다. 태그라인 포함 조합은 320px 이상에서 사용합니다.
브랜드 자산 사용에 관한 문의는 메일로 받습니다. contact@devchoco.art
앱 아이콘, 웹, 프로필과 GitHub에서도 같은 형태를 유지합니다.
심볼만 사용 · Cream / Espresso 배경
심볼 비율 약 68% · 모서리 24%
모든 크기에서 3D 심볼 원본을 줄여 사용합니다. 브라우저 아이콘(32·64px)도 같은 심볼을 줄인 파일입니다.
16px24px32px48px64px128px48px 이하 작은 화면을 위한 단순화 심볼과 단색 심볼은 아직 배포하지 않았습니다.
여백, 크기, 배경. 브랜드가 명확하게 보이기 위한 기본 규칙.
x는 워드마크의 ‘o’ 높이입니다. 로고 사방에 최소 x만큼의 여백을 확보합니다.
| 자산 | 최소 | 권장 |
|---|---|---|
| 심볼 | 24px | 32px+ |
| 전체 로고 | 180px | 240px+ |
| 태그라인 포함 | 320px | 320px+ |
작은 화면에서는 태그라인을 생략하고, 심볼과 워드마크가 선명하게 읽히는 크기를 우선합니다.
밝은 배경은 White, Warm White, Cream을, 어두운 배경은 Espresso, #19110E, #111111을 사용합니다. 복잡한 사진 위에서는 rgba(20, 12, 9, 0.64) 오버레이로 로고 주변을 정리합니다.
제품, 연구, 문서와 개발 도구로 이어지는 하나의 시각 언어.
웹사이트 / 제품 대시보드 / 개발 도구
프레젠테이션 / README / 연구 / 문서
DevChoco가 무엇을 연구하고 만드는지는
회사 소개에서 볼 수 있습니다.
