Skip to content
Library

Typewolf. Warm parchment typography atelier.

  • Design tools
  • Light theme
  • 7 colors
  • 3 typefaces

Typewolf reads as a warm, editorial type specimen magazine pressed into a website: a dusty rose canvas (#f8f5f5) supports white rectangular cards in a two-column grid, all anchored by brownish-ink text rather than any chromatic accent system. The palette is deliberately near-monochromatic — a dark warm brown (#443235) for body copy and headlines, a slightly lighter brown (#654a4e) for nav and secondary links, and a single muted dusty rose (#916a70) reserved for borders and quiet emphasis. Typography carries the entire identity: a transitional serif (Domaine Text) for body, an ultra-heavy condensed sans (Dia) for ALL-CAPS micro-labels with -0.03em tracking, and a high-contrast display serif (Domaine Display Narrow) for editorial headlines. Surfaces are sharp-cornered, elevated only by a warm-tinted diffuse shadow (rgba(145,106,112,0.15) 0 6px 24px) that ties the elevation back to the brand palette. The result is a site that feels more like a printed specimen catalog than a web product — restrained, content-first, and quietly opinionated.

Screenshot of Typewolf
Captured from typewolf.com on October 11, 2026

Typewolf design system

Typewolf

Accent1

  • Red supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Neutrals6

  • Deepest neutral for in-image text and high-contrast moments where Ink Brown isn't dark enough

  • Primary text, headlines, and dominant body copy — the warm near-black that reads as ink rather than pure black against the rose canvas

  • Navigation text, secondary links, and muted metadata — one step lighter than Ink Brown for hierarchy without leaving the brown family

  • Subtle border on form inputs and fine dividers — a warm gray that stays in the brown family

  • Page canvas and section backgrounds — the warm off-white ground that gives the whole system its dusty, paper-like atmosphere

  • Card surfaces and image wells — clean white plates that sit on the parchment canvas, carrying typographic specimens and editorial imagery

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Specimen White on Dusty Rose

4.67 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.