화면에서 예쁘던 색이 인쇄하면 다르게 나오고, 무료인 줄 알았던 폰트에 라이선스가 없던 경험 있으시죠. 코드와 라이선스로 정확히 관리하는 실무 방법을 사례와 함께 자세히 알려드릴게요.
브랜드 컬러를 정해놓고도 인쇄소에 넘긴 명함 색이랑 모니터에서 보던 색이 완전히 다르게 나와서 당황했던 적 있으실 거예요. 저도 처음에는 "이 정도 청록색이요"라고 눈짐작으로 색을 골랐다가, 스티커 인쇄소마다 미묘하게 다른 색이 나와서 브랜드 컬러가 채널마다 제각각이 됐던 경험이 있어요. 폰트도 마찬가지예요. 무료라고 생각하고 예쁜 폰트를 상세페이지랑 포장 스티커에 다 썼는데, 나중에 상업적 이용 범위가 제한된 폰트였다는 걸 알고 부랴부랴 교체한 적도 있고요. 컬러와 폰트를 정하는 건 첫 단추일 뿐이고, 그걸 코드와 라이선스로 정확히 관리하지 않으면 채널마다 미묘하게 어긋나는 문제가 계속 생겨요. 오늘은 색과 폰트를 어떻게 코드로 관리하고 실무에서 실수를 줄이는지 정리해볼게요.
브랜드 컬러를 정하셨다면 가장 먼저 할 일은 그 색의 정확한 HEX 코드(#으로 시작하는 6자리 코드)를 찾아서 기록해두는 거예요. "이 정도 톤"이라는 느낌만으로는 디자이너나 인쇄소마다 결과물이 다르게 나올 수밖에 없어요. 저는 캔바나 포토샵에서 스포이드로 원하는 색을 직접 찍어서 HEX 코드를 뽑고, 그걸 문서에 메인 컬러, 서브 컬러, 포인트 컬러 세 가지로 정리해뒀어요.
HEX 코드만 있으면 상세페이지, 로고, 인스타그램 피드 등 화면에 보이는 모든 곳에서 정확히 같은 색을 재현할 수 있어요. 디자인 툴을 쓰는 직원이나 외주 디자이너에게 작업을 맡길 때도 "청록색이요" 대신 "#1B7A6B이요"라고 전달하면 오해가 생길 여지가 거의 없어져요. 이 코드는 브랜드 가이드 문서 맨 앞에 크게 적어두시길 추천해요. 컬러를 처음 정하실 때 너무 여러 색을 후보로 두면 결정이 늦어지니, 메인 컬러 하나를 먼저 확정하고 그 색과 어울리는 서브, 포인트 컬러를 순서대로 골라나가는 방식이 훨씬 수월해요.
모니터는 빛으로 색을 표현하는 RGB 방식이고, 인쇄는 잉크를 섞어서 색을 표현하는 CMYK 방식이에요. 이 둘은 표현할 수 있는 색의 범위가 달라서, 화면에서 선명하게 보이던 청록색이나 형광색 계열은 인쇄하면 탁하게 나오는 경우가 많아요. 저는 이 차이를 모르고 화면에서 예쁜 색 그대로 인쇄를 맡겼다가, 실물 스티커를 받고서 색이 칙칙하게 나온 걸 보고 놀란 적이 있어요.
인쇄물을 맡길 때는 HEX 코드와 함께 CMYK 값도 같이 준비해두시는 게 안전해요. 온라인에서 HEX를 CMYK로 변환해주는 도구가 많으니 미리 변환값을 구해서 인쇄소에 전달하시고, 가능하면 본 인쇄 전에 작은 샘플을 먼저 뽑아서 색감을 확인하는 과정을 거치시길 권해요. 특히 브랜드 컬러가 형광이나 파스텔처럼 화면과 인쇄물의 차이가 큰 색상 계열이라면 이 확인 과정을 절대 생략하시면 안 돼요.
| 구분 | 표현 방식 | 사용처 | 변환 필요 여부 | 주의사항 |
|---|---|---|---|---|
| RGB | 빛(모니터, 화면) | 웹사이트, SNS, 앱 | 기본값 | 화면마다 밝기 차이 있음 |
| CMYK | 잉크(인쇄) | 명함, 포장, 스티커 | HEX에서 변환 필요 | 화면보다 탁하게 보일 수 있음 |
| PANTONE | 표준 컬러칩 | 대량 인쇄, 굿즈 | 별도 매칭 필요 | 가장 정확하지만 비용 높음 |
| 형광·파스텔 | - | - | 변환 시 오차 큼 | 반드시 샘플 확인 |
| 무채색 계열 | - | - | 변환 오차 적음 | 비교적 안전 |
| 진한 원색 | - | - | 변환 오차 중간 | 인쇄소에 재확인 권장 |
예쁜 무료 폰트를 발견하면 바로 쓰고 싶은 마음이 크지만, 무료 폰트라고 해서 전부 상업적으로 자유롭게 쓸 수 있는 건 아니에요. 개인 사용은 무료지만 상업적 이용은 유료이거나, 웹사이트에는 써도 되지만 인쇄물에는 못 쓰는 폰트도 있어요. 저는 상세페이지에 예쁜 폰트를 썼다가 나중에 그 폰트가 인쇄용으로는 라이선스가 없다는 걸 알고 포장 스티커는 다른 폰트로 바꿔야 했던 적이 있어요.
눈누(noonnu.cc) 같은 사이트에서 상업적 이용 범위를 폰트별로 정리해서 보여주니, 폰트를 고르실 때 꼭 라이선스 범위를 확인하시길 권해요. 웹사이트, 인쇄물, 포장, 영상 각각 사용 가능 여부가 다르게 표시되는 경우가 많아서, 브랜드가 폰트를 어디까지 쓸 계획인지 먼저 정하고 그에 맞는 라이선스를 확인하시는 게 순서예요. 특히 폰트를 로고 자체에 녹여서 쓰실 계획이라면 더 꼼꼼히 확인하셔야 해요. 로고는 한 번 만들면 오래 쓰는 자산이라서, 나중에 라이선스 문제로 로고를 통째로 바꿔야 하는 상황이 생기면 그 손실이 정말 크거든요.
폰트 하나로 제목부터 본문까지 다 쓰면 심심해 보이거나, 반대로 화려한 폰트를 본문에까지 쓰면 가독성이 떨어져요. 보통 제목용 폰트 1종, 본문용 폰트 1종으로 나눠서 관리하는 걸 추천드리는데, 이 두 폰트의 조합도 브랜드 가이드 문서에 정확히 기록해두셔야 나중에 담당자가 바뀌어도 같은 조합을 유지할 수 있어요.
저는 제목은 살짝 개성 있는 폰트, 본문은 가독성 좋은 무난한 폰트로 나눠서 쓰는데, 이 조합을 정할 때 실제로 상세페이지에 텍스트를 채워보고 스마트폰 화면에서 읽었을 때 눈이 편한지까지 확인했어요. 폰트 크기와 자간도 함께 기록해두면 나중에 외주 디자이너가 작업할 때 훨씬 빠르게 브랜드 톤을 맞출 수 있어요.
브랜드 컬러를 세 가지로 딱 정해뒀다고 해도, 실제 작업물에서는 그 컬러를 살짝 밝게 하거나 어둡게 조정해서 쓰는 경우가 많아요. 이럴 때 원래 컬러에서 얼마나 밝게 또는 어둡게 조정할 수 있는지 범위를 미리 정해두면 작업자마다 제각각으로 조정하는 걸 막을 수 있어요. 저는 메인 컬러 기준으로 10% 밝게, 10% 어둡게까지만 허용하는 규칙을 만들어뒀는데, 이 규칙 하나로 채널마다 색이 튀는 문제가 많이 줄었어요.
매번 HEX 코드를 찾아서 복붙하는 건 번거롭고 실수도 생기기 쉬워요. 캔바, 미리캔버스, 포토샵 같은 툴에는 컬러 팔레트를 저장해두는 기능이 있으니, 브랜드 컬러 세 가지를 미리 등록해두시면 작업할 때마다 바로 꺼내 쓸 수 있어요. 폰트도 즐겨찾기나 브랜드 키트 기능이 있는 툴이라면 미리 등록해두면 훨씬 편해요.
저는 캔바에 브랜드 키트를 만들어서 컬러 세 가지와 폰트 두 가지를 등록해뒀는데, 이후로는 새 직원이 와도 브랜드 키트만 열면 바로 일관된 톤으로 작업을 시작할 수 있게 됐어요. 이 세팅 작업은 한 번만 해두면 이후 작업 시간을 크게 줄여주니, 초반에 시간을 들여서라도 꼭 만들어두시길 권해요.
외주 디자이너와 처음 작업을 시작할 때는 브랜드 가이드 문서를 텍스트로만 전달하지 마시고, 실제 예시 이미지도 몇 장 함께 보내보세요. 코드와 폰트명만 전달했을 때보다 완성된 예시를 함께 보여줬을 때 결과물이 훨씬 정확하게 나오는 걸 여러 번 경험했어요.
가끔 시간을 내서 스마트스토어, 인스타그램, 카카오톡 채널, 포장 실물을 한 화면(또는 한 자리)에 다 펼쳐놓고 비교해보시길 권해요. 각각 따로 볼 때는 몰랐던 미묘한 색 차이나 폰트 불일치가 한눈에 비교하면 바로 드러나요. 저는 분기마다 이 점검을 하는데, 매번 한두 곳에서 예전 로고나 옛날 컬러가 남아있는 걸 발견해요.
점검할 때 체크리스트를 만들어두면 빠뜨리는 곳 없이 확인할 수 있어요. 상세페이지 상단, 로고 파일, 인스타그램 하이라이트 커버, 카카오톡 채널 프로필, 포장 스티커, 명함까지 리스트를 만들어서 하나씩 확인하시면 좋아요. 점검 후 발견한 불일치는 바로 고치지 않더라도 목록으로 남겨두고 우선순위를 정해 순서대로 정리해나가시면 됩니다. 저는 이 점검 리스트를 구글 스프레드시트로 만들어서 채널명, 확인 항목, 발견한 문제, 처리 여부 네 칸으로 관리하는데, 분기마다 이 표를 열어 지난번에 뭘 고쳤는지 바로 확인할 수 있어서 훨씬 체계적으로 관리가 돼요.
색과 폰트를 정하는 건 시작일 뿐이고, 그걸 코드와 라이선스로 정확히 관리해야 채널마다 어긋나지 않는 브랜드를 만들 수 있어요. HEX 코드 하나, 라이선스 확인 한 번이 나중에 큰 시행착오를 막아줘요. 브랜드 비주얼을 정리하는 동안 매출과 마진도 놓치지 않고 싶으시다면 대시부스터에서 함께 확인해보세요. 다른 브랜딩 글은 블로그에서 더 보실 수 있어요.