브랜드 가이드라인

회사가 작을 때는 규칙이 필요 없습니다. 만드는 사람이 한둘이라 옆자리에 물어보면 끝나기 때문입니다. 구성원이 스무 명을 넘기고 만들 것이 명함, 발표 자료, 광고 소재, 채용 공고, 행사 배너로 늘어나면 그 방식이 무너집니다.

페이지덱에서도 같은 일이 있었습니다. 민서가 만든 로고를 현우가 예전 블로그 글에서 내려받아 가로로 늘려 썼고, 수아는 제안서에 기억나는 대로 파란색을 골라 넣었고, 외주로 맡긴 행사 배너에는 또 다른 서체가 들어갔습니다. 한 주에 바깥으로 나간 결과물 네 장이 네 회사처럼 보였습니다.

보기 싫다는 데서 끝나는 문제가 아닙니다. 인식이 쌓이려면 같은 것을 여러 번 봐야 하는데, 볼 때마다 조금씩 다르면 네 번이 한 번으로 줄어듭니다. 광고비는 네 번치가 나가고 남는 기억은 한 번치입니다.

동시에 민서 쪽도 막혔습니다. "로고 파일 어디 있어요", "이 파랑 맞아요" 같은 질문이 하루에 몇 건씩 들어왔고, 답을 한 사람이 쥐고 있으니 그가 자리에 없으면 아무도 못 만들었습니다. 브랜드 가이드라인은 이 두 가지를 한 번에 푸는 문서입니다. 매번 묻지 않도록 답을 미리 적어 두고, 적힌 답이 하나라서 결과가 한 벌로 보이게 만듭니다.

담기는 것은 크게 여섯 가지입니다. 전체를 관통하는 원칙이 하나 있습니다. 사람이 해석할 필요가 없는 값으로 적는 것입니다. "로고 주변에 여백을 충분히 둡니다" 는 규칙이 아니라 취향이고, "로고 높이의 절반만큼 비웁니다" 가 규칙입니다.

1. 로고 — 로고를 놓는 방법입니다. 최소 크기, 주변에 비워 둘 여백, 올려도 되는 배경색, 하면 안 되는 변형을 적습니다. 금지 항목은 문장 대신 실제로 망가뜨린 그림으로 싣습니다. 가로로 늘린 로고, 그림자를 넣은 로고, 복잡한 사진 위에 그냥 올린 로고입니다.
2. 색 — 주색과 보조색을 값으로 적습니다. 화면용 코드와 인쇄용 값을 따로 두고, 어느 색을 어느 비율로 쓸지도 정합니다. 주색을 강조에만 쓰기로 했는데 배경 전체에 깔면 같은 색을 쓰고도 전혀 다른 인상이 남습니다.
3. 서체 — 제목과 본문에 쓸 글꼴, 크기와 굵기의 단계, 그 글꼴이 깔려 있지 않은 환경에서 대신 쓸 글꼴을 적습니다. 마지막 항목을 빼먹으면 고객 회사 컴퓨터에서 열린 제안서가 기본 글꼴로 바뀌어 보입니다.
4. 이미지와 아이콘 — 사진의 분위기와 아이콘의 선 굵기처럼 섞이면 바로 티가 나는 것들입니다.
5. 말투 — 브랜드 톤 앤 매너에서 정한 태도를 실제 문장 규칙으로 옮긴 부분입니다. 안내 문구를 "처리에 실패했습니다" 로 쓸지 "잠시 뒤 다시 시도해 주세요" 로 쓸지가 여기서 갈립니다. 회사 이름과 태그라인을 어떻게 띄어 쓰고 어디까지 줄여 부를 수 있는지도 함께 적습니다.
6. 적용 예시 — 자주 만드는 것을 한 장씩 완성해 붙여 둡니다. 명함, 발표 자료 표지, 광고 소재, 채용 공고가 기본입니다. 규칙 열 줄보다 완성본 한 장이 빨리 읽힙니다.

경계도 같이 적어 둡니다. 제품 화면 안 버튼과 입력창의 규격은 디자인 시스템이 맡고, 색과 간격 값에 이름을 붙여 개발자와 나눠 쓰는 단위는 디자인 토큰입니다. 가이드라인은 바깥으로 나가는 것을 맡습니다.

쓰는 사람은 브랜드 디자이너와 브랜드 마케터이고, 읽는 사람은 회사 바깥으로 나갈 무언가를 만드는 사람 전부입니다.

쓰는 쪽에서 헷갈리기 쉬운 지점이 있습니다. 두 사람이 규칙을 새로 발명하지는 않습니다. 우리가 어떤 성격이고 무엇을 약속하는지는 브랜드 아이덴티티에서 이미 정해져 있고, 가이드라인은 그 성격을 눈에 보이는 숫자와 예시로 옮겨 적은 결과입니다. 아이덴티티가 빈 채로 가이드라인부터 만들면 색과 서체는 정해지는데 왜 그 색인지는 아무도 답하지 못합니다.

읽는 쪽은 페이지덱 기준으로 세 부류입니다. 제안서와 채용 공고를 만드는 사내 구성원, 배너와 부스를 만드는 외부 제작사, 나중에 합류해 규칙을 물려받을 디자이너입니다.

문서만 두면 읽히지 않습니다. 로고 파일과 서체 파일, 발표 자료 서식을 같은 자리에 묶어 둡니다. 색 코드는 적혀 있는데 파일이 없으면 현우는 결국 예전 블로그 글에서 다시 내려받습니다.

갱신은 분기에 한 번 훑는 것으로 잡되, 문서가 실제로 자라는 계기는 따로 있습니다. 누군가 문서에 없는 것을 물어봤을 때 그 답을 그 자리에서 넣으면 같은 질문이 두 번 오지 않습니다.

"제안서에 쓴 파랑이 좀 달라 보이는데, 가이드라인에 있는 값 맞나요?"

값이 적힌 문서가 기준이고 기억은 기준이 아니라는 뜻입니다.

"부스 시안은 가이드라인 보내 드렸으니 로고 여백만 지켜 주시면 됩니다."

제작사에 매번 설명하는 대신 문서 한 벌로 대신한다는 말입니다.

"가이드라인이 아직 없어서 일단 로고 파일만 보내 드릴게요."

규칙이 없어 결과물이 어떻게 나올지 장담하지 못하는 상태입니다.

페이지덱이 연말 행사 부스를 외주로 맡겼을 때 민서가 보낸 것은 설명 메일이 아니라 파일 묶음이었습니다. 가이드라인 문서, 배경별 로고 파일, 색 값표, 서체 파일이 한 폴더에 들어 있었고, 제작사가 보내온 1차 시안에서 어긋난 것은 로고 주변 여백 한 군데뿐이었습니다. 민서는 문서의 해당 쪽 번호만 회신했습니다.

이전 행사에서는 같은 일에 왕복이 다섯 번 걸렸습니다. 시안을 받고, 색이 다르다고 말하고, 값을 찾아 보내고, 다시 서체가 어긋나는 식이었습니다.

가이드라인을 잘 만들면 브랜드가 선다고 읽는 경우가 가장 많습니다. 두꺼운 문서가 나오면 정리됐다는 느낌이 들기 때문입니다. 하지만 이 문서는 이미 정해진 것을 적어 두는 그릇이고, 인식은 고객이 실제로 본 것으로 쌓입니다. 100쪽짜리 문서를 만들어 두고 바깥으로 내보낸 것이 없으면 반년 뒤에도 회사를 아는 사람 수는 그대로입니다.

규칙이 많을수록 좋다고 읽는 것도 비슷합니다. 빈틈없이 적으면 아무도 어긋나지 않을 것 같지만, 지키기 어려운 규칙은 지켜지지 않고 몇 달 뒤에는 아무도 문서를 열지 않습니다. 자주 벌어지는 열 가지에 답이 있는 얇은 문서가 낫습니다.