Skip to content
Library

Sociotype. Type specimen museum on white paper.

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

Sociotype is a type foundry site that operates as a curated letterform gallery: a near-pure black-and-white canvas where custom typefaces are the only chromatic event. The interface is essentially a specimen book rendered in a browser — enormous 251px type specimens sit on paper-white backgrounds, with hairline 1px borders and zero shadows drawing all the visual weight. The hero breaks the monochrome contract with a single full-bleed atmospheric photograph (refracted glass, water, prismatic color) used as a rotating feature stage, letting the photography supply the one moment of saturated color per page load. Navigation, labels, and chrome are uniformly small (11–14px) Onsite Regular with wide letter-spacing, behaving like museum wall text rather than app UI. Components are stripped to their minimum: a top bar, a size selector, a fullscreen toggle, arrow-suffix text links, and category lists — every element defers to the type being sold.

Screenshot of Sociotype
Captured from socio-type.com on October 11, 2026

Sociotype design system

Sociotype

Neutrals6

  • Primary text, all borders and dividers, nav and link strokes — the structural black of every UI line

  • Body text on light surfaces where true black reads too clinical — used for paragraph copy and descriptions

  • Secondary text, caption labels, size selector, muted metadata

  • Hairline list dividers and subtle separators within type family navigation

  • Light section dividers, subtle structural borders

  • Page and card surfaces, reverse text on dark overlays

Try a pairing

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

Aa

Paper on Onyx

21.00 : 1 contrast

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

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