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.

Sociotype design system
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
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











