logos

The kcolbchain mark is the wordmark. There is no glyph, no monogram, no animal. Two weights of one typeface, one accent. Set it in JetBrains Mono, color the first four letters with the mark color, leave the rest in body color. That's it.

wordmark

The four-letter accent reads as kcolb—the rest sits in body color. Use the colored form by default; reach for monochrome only when the surface forbids the mark color (print, debossing, single-color contexts).

kcolbchain

<span class="wordmark"><em>kcolb</em>chain</span>

monochrome

For print, single-channel screens, deboss, or any context where the mark color would carry the wrong tone. The first four letters keep the weight; the color drops.

kcolbchain

<span class="wordmark mono"><em>kcolb</em>chain</span>

scale

The wordmark sits on the type scale. Don't introduce sizes between these.

t-6 kcolbchain 44px

t-5 kcolbchain 28px

t-4 kcolbchain 20px

t-3 kcolbchain 15px

t-2 kcolbchain 13px

lockups

The wordmark may pair with a context descriptor — separated by a thin slash, with the descriptor set smaller and in faint color. Use lockups for navigation, breadcrumbs, and section headers — never as a primary identity.

kcolbchain / brand

kcolbchain / switchboard

kcolbchain / muzix

<span class="lockup">
  <span class="wordmark"><em>kcolb</em>chain</span>
  <span class="sep">/</span>
  <span class="desc">switchboard</span>
</span>

clear space

Around any wordmark, hold at least one space token (--s-3, 16px at default) of clear space — measured from the cap-height of any neighboring element. The dashed frame visualizes the protected zone.

kcolbchain

favicon

The favicon strips everything but the mark color and the letter K in JetBrains Mono Bold. Sharp corners at small sizes; gentle round-off (1/8 of edge) at 64px and larger.

128

<link rel="icon"
      href="https://kcolbchain.com/images/favicon.ico">

do / don't

Restraint is the brand. The wordmark sits on the grid the type already lives on; outside of that grid it stops being the mark.

do

kcolbchain

Mono. Mark on the first four letters. Body weight on the rest.

don't

Kcolbchain

Don't reset in another typeface. Don't title-case. The whole word is lowercase.

don't

kcolbchain

Don't color the whole word in the mark. The mark is for four letters only.

don't

kcolb chain

Don't put a space between halves. It is one word, set as one token.

css

.wordmark {
  font-family: var(--font);
  font-weight: 500;
  color: var(--fg);
  letter-spacing: -0.01em;
  line-height: 1;
}
.wordmark em {
  color: var(--mark);
  font-style: normal;
  font-weight: 700;
}
.wordmark.mono em { color: var(--fg); }

.lockup {
  display: inline-flex; align-items: baseline; gap: var(--s-3);
}
.lockup .sep  { color: var(--fg-faint); }
.lockup .desc {
  color: var(--fg-muted);
  font-size: 0.65em;
  letter-spacing: 0.04em;
  text-transform: lowercase;
}