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

엠블럼

Emblem

심볼과 글자가 하나의 배지 안에 합쳐져서, 둘을 따로 떼어 쓸 수 없는 로고 형식.

다른 이름: 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)}
}

엠블럼은 심볼과 글자를 하나의 배지·문장(紋章) 안에 녹여 넣어, 절대 따로 뗄 수 없게 만든 로고 형식입니다. 로고 락업이 아이콘과 워드마크를 나란히 두되 필요하면 분리해 쓸 수 있는 것과 달리, 엠블럼은 처음부터 하나의 그림으로 설계됩니다.

전통적으로 대학, 스포츠팀, 관공서, 오래된 양조장처럼 권위·전통·소속감을 강조하는 곳에서 즐겨 씁니다. 원형이나 방패 윤곽 안에 텍스트를 곡선으로 배치하고, 중앙에 상징적인 도상(동물, 도구, 랜드마크)을 배치하는 구성이 전형적입니다.

정교하게 그려지는 만큼 작은 크기에서는 세부가 뭉개지기 쉽습니다. 그래서 실무에서는 파비콘이나 앱 아이콘용으로 중앙 도상만 뽑아낸 간소화 버전을 별도로 만들어 함께 제공하는 경우가 많습니다.

언제 쓰나

권위·전통·소속감을 강조하고 싶은 브랜드(학교, 팀, 오래된 업체)에 씁니다. 작은 아이콘 용도로는 세부를 줄인 별도 버전을 함께 준비하세요.