Negative space

네거티브 스페이스 (숨은 형태)

A logo technique that hides a second shape inside the empty background of the first, so one mark reads two ways at once.

Also known as: Figure-ground logoHidden symbol
···
html
<div class="ns">
  <svg viewBox="0 0 200 200" width="40%" style="aspect-ratio:1;overflow:visible">
    <defs>
      <mask id="cut"><rect width="200" height="200" fill="#fff"/><polygon points="82,58 124,100 82,142 98,100" fill="#000"/></mask>
      <clipPath id="clip"><circle cx="100" cy="100" r="80"/></clipPath>
      <linearGradient id="sheen" x1="0" y1="0" x2="1" y2="0">
        <stop offset="0" stop-color="var(--accent)" stop-opacity="0"/>
        <stop offset=".5" stop-color="var(--accent)" stop-opacity=".6"/>
        <stop offset="1" stop-color="var(--accent)" stop-opacity="0"/>
      </linearGradient>
    </defs>
    <circle cx="100" cy="100" r="80" fill="var(--fg)" mask="url(#cut)"/>
    <g clip-path="url(#clip)"><rect id="sw" x="-90" y="0" width="90" height="200" fill="url(#sheen)"/></g>
  </svg>
  <p class="cap">ONWARD</p>
</div>
css
.ns{display:flex;flex-direction:column;align-items:center;gap:10px}
.cap{margin:0;font-size:12px;letter-spacing:.3em;color:var(--muted);font-weight:700}
#sw{animation:sweep 3s linear infinite}
@keyframes sweep{0%{transform:translateX(0)}100%{transform:translateX(380px)}}

A negative-space logo hides a second shape inside the empty background of the first — the part of the drawing that isn't drawn at all. Viewers register the larger shape (the figure) first, then, often a beat later, notice the second shape sitting in the gap (the ground).

For the trick to work, the two shapes can't just happen to fit — they have to be engineered to. The usual process is overlaying the outlines of both silhouettes, finding where they naturally share an edge, and nudging one shape at that point, again and again, until a meaningful form (an arrow, a face, a letter) sits exactly in the gap.

Once someone spots it, the "oh, it was there the whole time" moment sticks in memory far longer than a plain mark would. The catch is that the hidden shape can vanish entirely once the logo shrinks or loses color fidelity — a small stamp, a black-and-white fax — so a minimum size has to be specified alongside the mark.

When to use

Use it when you want the brand to be remembered through the moment of discovery. Always document the minimum size below which the hidden shape stops reading.