🟩 그리드 로고 비율 가이드 | 격자 몇 칸으로 맞출까?

격자 1칸 크기 (px)

심볼 폭 (px)

심볼 높이 (px)

워드마크 폭 (px)

워드마크 높이 (px)

심볼과 워드마크 간격 (px)

로고를 격자 위에 올려 보기

심볼과 워드마크를 눈대중으로 맞추면 크기를 바꿀 때마다 비례가 흔들립니다. 격자 한 칸을 기준 단위로 정하고 각 요소를 몇 칸으로 쓸지 정해 두면, 로고를 축소·확대해도 요소 사이 관계가 유지되고 UI 간격 체계와도 어긋나지 않습니다. 치수를 넣으면 칸 수와 비례, 격자에서 벗어난 항목이 바로 정리됩니다.

계산 방식

각 요소의 칸 수 = 치수 ÷ 격자 1칸 크기이고, 전체 폭 = 심볼 폭 + 간격 + 워드마크 폭, 전체 높이 = 심볼과 워드마크 높이 중 큰 값입니다. 칸 수는 소수 2자리로 표시하며 그 자리수에서 정수인지 판정하고, 정수 칸 맞춤 값은 칸 수를 반올림해 다시 칸 크기를 곱한 값입니다. 비는 심볼을 1로 둔 상댓값으로 적습니다.

한계

2026년 10월 기준 심볼과 워드마크의 권장 비나 적정 칸 수에 대한 공인 기준은 없어 이 도구는 값을 제시하지 않고 판정도 하지 않습니다. 세이프존 여백, 시각적 중심 보정, 글자 자체의 광학 크기 차이는 계산에 넣지 않습니다. 격자에 숫자로 맞춘 뒤에도 최종 비례는 실제 크기로 출력해 눈으로 확인하세요.

자주 묻는 질문

격자 칸 크기는 얼마로 두나요?

공인된 기준은 없습니다. 디자인 시스템에서 이미 쓰고 있는 간격 단위를 그대로 넣으면 로고와 UI가 같은 격자를 공유하게 됩니다.

세이프존(여백) 계산도 해 주나요?

아닙니다. 로고 주변 최소 여백은 로고 세이프존 가이드 쪽이 담당합니다. 이 도구는 로고 안쪽 요소의 비례와 격자 배수만 계산합니다.

정수 칸이 아니면 꼭 고쳐야 하나요?

반드시 그렇지는 않습니다. 다만 요소가 격자 배수에서 벗어나면 UI 간격과 어긋나 보이기 쉬우므로, 보정량을 보고 조정할지 판단하면 됩니다.

🟩그리드 기반 로고 비율 설계 가이드

관련된 도구

로고 최소 판독 크기 가이드

로고 스케일 테스트 크기 체계 계산기

로고를 격자 위에 올려 보기

계산 방식

한계

자주 묻는 질문

관련된 도구

로고 최소 판독 크기 가이드

로고 스케일 테스트 크기 체계 계산기

로고를 격자 위에 올려 보기

계산 방식

한계

자주 묻는 질문

같은 카테고리 도구