더노드 로고 안내서
처음 그린 생각
연필로 그려 본 첫 구상입니다.
흔한 「점과 선」, 갇혀 보이는 「닫힌 네모」를 거쳐 귀퉁이 하나를 연 네모로 정했습니다. 비워 둔 귀퉁이에는 「상상이 멈춘 곳」, 그 너머의 점에는 「여기서 시작」이라고 적었고, 틀과 점 사이를 위와 옆 모두 3u로 두는 기준도 이때 정했습니다.
틀 밖의 점
로고가 담은 생각
닫히지 않은 틀의 귀퉁이,
선이 멈춘 자리 너머에 점 하나가 놓입니다.
더노드 로고는 한 귀퉁이만 열린 네모와, 그 귀퉁이 바깥에 찍힌 점 하나로 이루어져 있습니다. 네모는 지금까지 사람들이 그려 온 생각의 틀이고, 열린 귀퉁이는 그 생각이 더 나아가지 못하고 멈춘 자리입니다. 그 너머의 점이 더노드입니다.
노드(node)는 프로그램에서 자료를 담고 다른 점과 이어지는 가장 작은 단위입니다. 점 하나는 작지만 거기서 새로운 선과 연결이 뻗어 나갑니다. 더노드는 남들이 멈춘 자리에 첫 점을 찍고, 그 점에서 새로운 연결을 만드는 회사입니다.
세 가지 요소
틀 · 열린 귀퉁이 · 노드
누구나 알고 그릴 수 있는 세계입니다. 같은 굵기로 단단히 닫힌 세 변은 그동안 쌓아 온 기본기와 신뢰를 뜻합니다.
선이 멈춘 자리, 곧 상상이 멈춘 곳입니다. 오른쪽 위는 글을 읽어 나가는 방향이자 그래프가 올라가는 방향이라, 앞으로 나아갈 자리로 비워 두었습니다.
열린 귀퉁이 바깥에 찍은 첫 점입니다. 틀에 붙이지 않고 간격을 두어, 하던 방식에서 한 걸음 벗어나 스스로 시작하는 더노드를 나타냅니다. 점만 빨강으로 칠해 시작하는 자리가 한눈에 보이게 했습니다.
슬로건과
로고
슬로건 한 문장을 로고 하나에 담았습니다.
선이 귀퉁이 앞에서 멈춥니다. 다른 사람들의 생각이 더 이어지지 않는 자리, 슬로건 앞 구절 「상상이 멈춘 곳」입니다.
바로 그 너머에 점이 찍힙니다. 멈춘 곳에서 다시 시작한다는 뜻으로, 슬로건 뒤 구절 「우리는 시작합니다」입니다.
작도 기준
모든 치수는 선 굵기 1u를 기준으로 정합니다.
16u 격자(굵은 줄 = 4u마다) · 심볼 전체 12u × 12u
| 요소 | 치수 | 기준 |
|---|---|---|
| 기준 단위 u | 1u | 선 굵기. 심볼 높이를 12로 나눈 값입니다. |
| 틀 | 10u × 10u | 바깥선 기준 정사각형. 모서리는 각지게(둥글리지 않음) 합니다. |
| 열린 귀퉁이 | 윗변 6u · 오른변 6u | 틀의 윗변과 오른변을 각각 귀퉁이에서 4u씩 비웁니다. 선 끝은 곧게 자릅니다. |
| 노드 | 지름 3u | 틀의 오른쪽 위 꼭짓점에서 오른쪽으로 0.5u, 위로 0.5u 옮긴 자리가 중심입니다. |
| 틀과 노드의 간격 | 3u · 3u | 윗변 끝에서 노드까지, 오른변 끝에서 노드까지 같은 3u로 맞춰 균형을 잡습니다. |
| 심볼과 글자 사이 | 3u | 가로형에서 노드 오른쪽 끝과 글자 사이를 틀과 노드 사이 간격과 같은 3u로 둡니다. |
| 글자 크기 | 대문자 높이 6u | 대문자 높이 = 틀 오른변 길이. 글자 밑선은 틀 밑변, 윗선은 오른변이 시작하는 높이에 맞춥니다. |
여백과
최소 크기
로고가 주변에 묻히지 않도록 지킵니다.
점선 안에는 글자 · 그림 · 다른 로고를 두지 않습니다.
| 쓰임 | 최소 크기 |
|---|---|
| 심볼 · 화면 | 16px |
| 심볼 · 인쇄 | 5mm |
| 가로형 · 화면 | 가로 96px |
| 가로형 · 인쇄 | 가로 24mm |
| 세로형 · 화면 | 가로 64px |
16px보다 작으면 열린 간격이 뭉개져 귀퉁이가 닫혀 보이므로 쓰지 않습니다.
조합 규정
세 가지 조합만 씁니다.
점선 위 = 오른변이 시작하는 높이 = 글자 대문자 윗선 · 점선 아래 = 틀 밑변 = 글자 밑선
가로형은 글자의 대문자 높이를 틀 오른변의 길이(6u)와 같게 합니다. 글자 밑선은 틀 밑변에, 윗선은 열린 귀퉁이 아래에서 오른변이 시작하는 높이에 맞춥니다. 글자 윗선이 「멈춘 곳」의 끝과 한 줄로 이어지고, 심볼이 글자보다 뚜렷하게 커서 로고의 중심이 심볼에 놓입니다. 세로형은 심볼 아래 3u를 띄우고 글자를 가운데 정렬합니다. 심볼 단독은 앱 아이콘 · 파비콘 · 도장처럼 이름을 함께 쓰기 어려운 곳에만 씁니다.
색상
틀은 먹색, 노드만 빨강으로 쓰는 것이 기본입니다.
RGB 22 · 24 · 29 · 228 · 87 · 46
CMYK 24 · 17 · 0 · 89 · 0 · 62 · 80 · 11
어두운 바탕 · 사진 위
도장 · 팩스 · 한 색 인쇄
글꼴
로고 글자와 본문 글꼴
로고 글자는 새로 치지 않고 원본 파일을 씁니다.
영문 본문은 Montserrat Medium
쓰지 않는
방법
로고의 뜻이 흐려지는 쓰임입니다.
특히 귀퉁이를 닫거나, 노드를 틀 안에 넣거나, 틀에 붙이면 「멈춘 곳 너머에서 시작한다」는 뜻이 사라지므로 어떤 경우에도 바꾸지 않습니다.
적용 예
명함 · 아이콘 · 홈페이지 머리
심볼 단독 · 사방 여백 3u 이상