Design Atlas
한국어
✎ Graphic, brand & print

Emblem

엠블럼

A logo where the symbol and lettering are fused inside one badge or crest, so the two can never be separated and used apart.

Also known as: Crest logoBadge logoSeal
···
html
<div class="badge">
  <svg viewBox="0 0 120 120" width="100%" height="100%">
    <circle cx="60" cy="60" r="56" fill="none" stroke="var(--fg)" stroke-width="3"/>
    <circle cx="60" cy="60" r="48" fill="none" stroke="var(--fg)" stroke-width="1"/>
    <path id="tri" d="M40 74 L60 40 L80 74 Z" fill="var(--accent)"/>
    <text x="60" y="27" text-anchor="middle" font-size="7.5" letter-spacing="1" fill="var(--fg)" font-weight="700">CEDAR RIDGE</text>
    <text x="60" y="98" text-anchor="middle" font-size="7.5" letter-spacing="1.5" fill="var(--muted)">EST. 2019</text>
  </svg>
</div>
css
.badge{width:min(56%,168px);aspect-ratio:1}
#tri{transform-origin:60px 60px;animation:tryEscape 4s ease-in-out infinite}
@keyframes tryEscape{
  0%,100%{transform:translate(0,0)}
  30%,45%{transform:translate(26px,-10px) scale(.9)}
  70%{transform:translate(0,0)}
}

An emblem fuses the symbol and the lettering into a single badge or crest, so the two can never be pulled apart — unlike a lockup, which keeps icon and wordmark as separate pieces that happen to travel together.

It's the traditional choice for universities, sports teams, government bodies and old breweries — anywhere that wants to signal authority, heritage or belonging. The usual construction is a circular or shield outline with text set on a curve and a central pictorial device — an animal, a tool, a landmark — anchoring the middle.

Because it's drawn with that much detail, an emblem loses legibility fast at small sizes. In practice, teams usually cut a simplified version — often just the central device — for favicons and app icons, and ship it alongside the full emblem.

When to use

Use it when the brand wants to project authority, heritage or belonging — schools, teams, long-established businesses. Prepare a simplified version for small icon uses.