Wordmark

워드마크

A logo made entirely from the brand's name, custom-lettered so the type itself becomes the mark — no separate symbol needed.

Also known as: LogotypeWord mark
···
html
<div class="wm"><h1>Solvane</h1><p class="tag">SOL · VANE</p></div>
css
.wm{text-align:center}
h1{margin:0;font-size:clamp(28px,9vmin,54px);font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(100deg,var(--fg) 40%,var(--accent) 50%,var(--fg) 60%);
  background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:sheen 3.2s linear infinite}
.tag{margin:6px 0 0;font-size:11px;letter-spacing:.35em;color:var(--muted);text-transform:uppercase}
@keyframes sheen{0%{background-position:120% 0}100%{background-position:-40% 0}}

A wordmark makes the brand's name itself the logo. With no separate symbol to lean on, how the name is drawn — tracking, stroke weight, case, one custom letterform detail — becomes the whole face of the brand.

Off-the-shelf typefaces are rarely used untouched. Designers usually round or square off a couple of common letters (O, A, a lowercase e), stretch or cut one stroke to create a signature detail, and tune the tracking tighter or looser to set a rhythm. Once that's settled, the letterforms are locked as vector outlines and never re-set in the font again — every reproduction has to come out identical.

It suits young brands with a short, easy-to-say name and no symbol yet lodged in anyone's memory. Names that are long, or that have to run in several languages at once, tend to struggle at small sizes — a favicon or app icon — so those brands usually pair the wordmark with a lettermark or symbol for tight spaces.

When to use

Reach for it first when the name is short, easy to say and has no symbol attached yet. If the name is long or must run across several languages, pair it with a lettermark or symbol for small spaces.