Lettermark

레터마크 (모노그램)

A logo built from just the brand's initials — a compact identity for names that are long or made of several words.

Also known as: 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);

A lettermark keeps just two or three initials from the brand name and drops the rest — a fix for names that are long or made of several words (say, "Meridian Kite Company") and don't read well as a wordmark at small sizes.

The initials usually sit inside a simple container — a circle, a square — to anchor their weight, and the point where two letters touch or overlap gets refined, almost like a ligature, so they read as one mark rather than two separate letters. Initials alone rarely say what the brand actually does, so first-time exposure should always pair the mark with the full name.

It's strongest in small, near-square spaces — favicons, app icons, social profile photos. The catch is that initials run out fast: before locking one in, it's worth checking whether a competitor in the same space already owns the same two letters.

When to use

Use it when the name is long or multi-word and struggles to read in tight spaces like favicons or app icons. Always show it alongside the full name on first exposure.