디자인 아틀라스
EN
✎ 그래픽·브랜딩·인쇄

레터마크 (모노그램)

Lettermark

브랜드 이름의 머리글자만 따서 만든 로고 — 이름이 길거나 여러 단어일 때 정체성을 압축합니다.

다른 이름: Monogram logoLetter mark
···
html
<div class="lm">
  <div class="circle">MK</div>
  <div class="full" id="full">Meridian Kite Co.</div>
</div>
css
.lm{display:flex;flex-direction:column;align-items:center;gap:10px}
.circle{width:clamp(56px,20vmin,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:var(--fg);color:var(--bg);font-weight:800;font-size:clamp(18px,7vmin,30px);letter-spacing:-.01em}
.full{font-size:11px;letter-spacing:.08em;color:var(--muted);opacity:0;transition:opacity .5s}
.full.show{opacity:1}
js
const full = document.getElementById('full');
setInterval(() => full.classList.toggle('show'), 1600);

레터마크는 브랜드 이름의 머리글자 두세 개만 남기고 나머지는 과감히 생략합니다. 이름이 길거나("Meridian Kite Company"처럼) 여러 단어로 이뤄져 있을 때, 워드마크로는 작은 화면에서 읽기 힘든 문제를 해결하는 방법입니다.

보통 원이나 사각형 같은 단순한 컨테이너 안에 이니셜을 넣어 무게중심을 잡고, 두 글자가 겹치거나 맞물리는 지점을 리게이처처럼 살짝 다듬어 하나의 마크로 보이게 만듭니다. 이니셜만으로는 무엇을 하는 브랜드인지 전달할 수 없으므로, 처음 만나는 사람에게는 반드시 전체 이름과 함께 노출해야 합니다.

파비콘, 앱 아이콘, SNS 프로필처럼 정사각형에 가까운 좁은 공간에서 특히 강합니다. 다만 이니셜이 같은 경쟁 브랜드가 있으면 구별력이 떨어지므로, 만들기 전에 업계 내 다른 레터마크와 겹치지 않는지 확인하는 절차가 필요합니다.

언제 쓰나

이름이 길거나 여러 단어라 파비콘·앱 아이콘 같은 좁은 공간에서 읽기 힘들 때 씁니다. 처음 접하는 고객에게는 항상 전체 이름과 함께 보여주세요.