Typography
5 issues tagged with this topic.
Value contrast does more work than hue contrast — and most palettes get this backwards
When designers talk about color contrast, they usually mean hue difference — complementary pairs, warm/cool tension. But value contrast (lightness difference) is the primary driver of legibility, hierarchy, and spatial depth. Most palettes over-invest in hue variety and under-invest in value range.
Typography and color: how type weight changes the palette you need
Color and typography are not independent decisions. Type weight, size, and tracking interact with palette choices in ways that most design systems treat as separate concerns — but they are deeply entangled.
Color in typography: how typeface color and palette work together
Typography color is often treated as an afterthought — text is black, links are blue. But the color decisions in a type system have a larger effect on how a palette reads than almost any other choice. A palette that looks elegant in a color swatch can look chaotic or flat when applied to text at scale.
Color and typography: why your font color matters as much as your typeface
Most typographic decisions focus on family, weight, and size. Color is treated as an afterthought — a near-black on white, or white on dark. But the color of text shapes its perceived weight, warmth, authority, and legibility in ways that typeface choice cannot override. A slightly warm off-black reads friendlier than pure #000000. A slightly desaturated heading color reads more refined than a vivid brand hue. The relationship between text color and surrounding surface color determines whether your hierarchy reads instantly or has to be decoded. This issue covers the decisions most designers leave implicit.
Typography and color: pairing type temperature with color temperature
Typography and color are not independent design decisions — they interact visually and emotionally to create a combined aesthetic. A warm typeface paired with a cool color palette creates tension; a cold geometric typeface paired with a warm earthy palette creates incongruity. Understanding the temperature, weight, and character of a typeface in color terms — and pairing it with a complementary or deliberately contrasting color system — is one of the subtler skills in brand and interface design. This issue covers the principles behind type-color pairing and provides a framework for making deliberate choices.