비워 둔 색 위에, 당신의 색을 담다.
Squared, switched on.
디투온투(D2ON2)의 브랜드 아이덴티티를 소개합니다. 이름에 담은 뜻에서 시작해 로고를 다듬고, 색과 글꼴을 고르고, 실제 크기에서 다시 고친 과정까지 차례로 적었습니다. 글 뒤쪽에는 브랜드 아이덴티티 가이드에 정리한 로고 규칙과 색 코드, 쓰지 않는 방법을 표로 붙였습니다.
목차
브랜드 아이덴티티의 시작, 이름에 담은 것
D2ON2, 디투온투. D는 디자인, ²는 제곱, ON은 켜다. 그림으로 끝나는 디자인이 아니라 현장 위에서 불이 켜지는 공간을 만들겠다는 이름입니다. 20년 동안 현장에서 쌓은 경험에 디자인을 더하는 데서 멈추지 않고 곱하겠다는 뜻을 ²에 담았고, 이름 끝에 한 번 더 붙인 ²에는 “한 번 더 확인한다”는 약속을 담았습니다.
슬로건은 “당신의 선택에 확신을 더하다.” 보기 좋은 그림에서 멈추지 않고, 그 공간을 짓는 데 드는 비용과 방법까지 함께 보여 드리겠다는 말입니다.
펼치고, 덜어 내기
처음에는 방향을 넓게 펼쳤습니다. 굵은 고딕에 골드와 브라운을 얹고, 블록처럼 쌓아 보고, O를 전원 버튼으로 바꿔 보고, 격자 위에 한 글자씩 올려 보았습니다. 그리고 하나씩 덜어 냈습니다. 장식을 빼고, 색을 빼고, 글자의 굵기만 남겼습니다.
방향이 정해진 건 숫자 2를 위첨자로 올렸을 때였습니다. D²ON². 이름에 담은 ‘제곱’이 설명 없이 모양만으로 읽혔습니다. 그다음은 그 2 하나를 다듬는 시간이었습니다. 굵기를 견주고, 크기와 높이를 조금씩 옮기며 굵은 대문자 옆에서 가볍게 떠 있는 자리를 찾았습니다.
브랜드 아이덴티티의 색, 비워 둔 무채색
무채색을 고른 이유는 하나입니다. 무채색은 어떤 색이든 담아낼 수 있는, 비워 둔 색이기 때문입니다.
공간의 주인은 디자이너가 아니라 그 공간을 쓰는 사람입니다. 그래서 저희 색을 먼저 칠해 두지 않았습니다. 비워 둔 채로 클라이언트의 이야기를 먼저 듣고, 그분이 원하는 색을 그 위에 담고 싶었습니다. 매장마다, 병원마다, 카페마다 다른 색이 이 틀 안에서 제 빛을 낼 수 있도록. 이곳에 올라올 공간 사진들도 같은 이유로 무채색 바탕 위에 둡니다.
다만 비워 둔 색이 차갑지 않도록, 바탕에는 순수한 회색 대신 따뜻한 기운이 도는 웜그레이와 종이색을 깔았습니다. 글꼴도 같은 생각으로 골랐습니다. 장식이 적어 내용을 앞세우는 Montserrat와 Pretendard입니다.
실제 크기에서, 한 번 더
화면 속 시안에서는 가는 2가 가장 고급스러워 보였습니다. 그런데 사이트를 열고 보니 상단 로고 크기에서는 2가 거의 사라졌습니다. 도면에서 맞던 치수가 현장에서 어긋나는 것과 같은 일이었습니다. 색은 그대로 두고 2의 획만 보강했습니다. 작게 써도 읽히고, 크게 써도 위첨자다운 가벼움은 남았습니다.
공간도 마찬가지입니다. 3D 화면에서 보기 좋던 줄눈은 실제 타일과 시공 오차를 만나면 달라지고, 화면 속 조명은 실제 조도에서 다르게 보입니다. 이름 끝의 ²처럼, 저희는 실제 크기와 실제 현장에서 한 번 더 확인합니다.
앞으로 이곳에는 세계의 좋은 공간과 저희가 직접 만든 공간을 올리고, 그 공간을 한국에서 지으면 얼마가 드는지 함께 풀어 보겠습니다. 비워 둔 무채색 위에 담을 다음 색은 여러분의 이야기입니다.
로고는 기본형과 워드마크 두 가지만 씁니다
브랜드 아이덴티티 가이드에서 가장 먼저 정한 것은 로고의 수입니다. 명함·간판·제안서 표지에는 부제가 붙은 기본형을, 공간이 좁거나 부제가 읽히지 않는 크기에서는 워드마크를 씁니다. 별도의 심볼은 두지 않았습니다. 인스타그램 프로필이나 파비콘처럼 정사각 자리에도 워드마크를 가운데 놓아 씁니다. 로고 종류가 늘어나면 쓰는 사람마다 고르는 기준이 달라지기 때문입니다.
로고 둘레에는 D 높이의 절반, 위첨자 2 한 개 높이쯤 되는 여백을 비워 둡니다. 그 안에는 글자도 사진도 다른 로고도 두지 않습니다. 최소 크기는 기본형 30mm·160px, 워드마크 20mm·100px입니다. 이보다 작아지면 가는 2가 사라집니다. 위에서 적은 ‘실제 크기에서 한 번 더’의 결과가 이 숫자입니다.
무채색 여섯 가지와 쓰는 자리
브랜드 아이덴티티의 색은 모두 무채색 계열입니다. 각 색은 쓰는 자리를 정해 두었습니다.
| 색 | 코드 | 쓰는 자리 |
|---|---|---|
| 차콜 | #4A4A4A | 로고의 D·ON, 본문 글자 |
| 그레이 | #8E8E8E | 위첨자 2, 부제 |
| 라이트 그레이 | #B5B5B5 | 보조선 |
| 웜 그레이 | #E4E3E0 | 바탕 |
| 다크 그레이 | #5B5B5B | 어두운 바탕 |
| 페이퍼 | #F7F6F4 | 문서 바탕 |
로고 색은 네 가지 버전만 씁니다. 밝은 바탕의 기본, 어두운 바탕의 반전, 팩스·도장·도면에 쓰는 단색 검정, 사진 위와 각인에 쓰는 단색 흰색입니다.
글꼴과 이름 표기
영문은 Montserrat, 한글은 Pretendard입니다. 둘 다 무료 글꼴이라 견적서·제안서·도면 어디에나 같은 글꼴을 쓸 수 있습니다. 로고와 큰 제목은 Montserrat Black, 소제목은 Bold, 캡션은 Light로 쓰고, 한글 제목은 Pretendard ExtraBold, 소제목과 표 머리글은 SemiBold, 본문은 Regular로 씁니다.
이름은 쓰는 자리마다 형태가 다릅니다. 로고에서는 숫자 2를 항상 위첨자로 올리고, 문서와 블로그 본문에서는 D2ON2(대문자 D·ON, 숫자 2), 한글은 디투온투, 주소와 아이디는 소문자 d2on2로 씁니다.
이렇게는 쓰지 않습니다
- 로고를 늘이거나 눌러 비율을 바꾸지 않습니다
- 지정하지 않은 색을 쓰지 않습니다
- 로고에서 2를 내려 한 줄로 쓰지 않습니다
- 기울이거나 돌리지 않습니다
- 그림자·외곽선·입체 효과를 넣지 않습니다
- 복잡한 바탕 위에는 기본색 대신 흰색 단색을 씁니다
브랜드 아이덴티티를 정할 때 확인한 것
- 가장 작게 쓰이는 자리(사이트 상단, 도면 도곽)에서 로고가 읽히는가
- 흑백 팩스와 도장처럼 색을 못 쓰는 곳에서도 같은 로고로 보이는가
- 어두운 바탕과 사진 위에 올릴 버전이 따로 있는가
- 글꼴을 견적서·도면·블로그에 똑같이 쓸 수 있는가(무료 글꼴인가)
- 이름을 글자로 쓸 때의 표기가 한 가지로 정해져 있는가
자주 묻는 질문
브랜드 아이덴티티와 로고는 같은 말인가요?
로고는 브랜드 아이덴티티의 한 부분입니다. 이름의 뜻, 색, 글꼴, 표기 규칙, 쓰지 않는 방법까지 함께 정해야 어디에 써도 같은 브랜드로 보입니다. 일반적인 개념은 위키백과 브랜드 아이덴티티에 정리돼 있습니다.
왜 무채색만 쓰나요?
무채색은 어떤 색이든 담을 수 있는 비워 둔 색이기 때문입니다. 공간의 색은 그 공간을 쓰는 사람의 몫으로 남겨 두고, 저희 색은 바탕에만 둡니다.
이름은 어떻게 읽나요?
디투온투라고 읽습니다. 글자로 쓸 때는 D2ON2, 주소는 d2on2.com입니다.
이 브랜드 아이덴티티가 실제 물건에 어떻게 쓰이는지는 명함부터 관리 안내서까지 브랜드 비품 31가지에, 그 비품이 상담부터 완공까지 놓이는 모습은 BI 디자인 적용 장면 12컷에 이어서 정리했습니다. 실제로 설계·시공한 공간은 68평 아파트 리모델링부터 보실 수 있습니다.
D2ON2 BRAND IDENTITY
1. NAME — D (Design) · ² (Squared) · ON (Switch on · On site) · ² (Once more)
2. LOGO — Primary · Wordmark, superscript 2 at 40% size
3. COLOR — Charcoal #4A4A4A · Dark Gray #5B5B5B · Gray #8E8E8E · Light Gray #B5B5B5 · Warm Gray #E4E3E0 · Paper #F7F6F4
4. TYPEFACE — Montserrat Black / Light · Pretendard
5. APPLICATION — Business card · Signage · Instagram · Website · Drawing title block
매장·카페·병원·사무실을 준비하고 계시다면 문의하기에서 편하게 들려주세요.
