Nan

www.nan.xyz

The reference for running a type foundry as a live specimen sheet: a pastel mint canvas (#b7ffb4), near-black ink (#262626), and a real font tester (size 228px, leading sliders, family + weight dropdowns) that makes the headline itself the product.

Type Foundry flagship

Design tokens

background

surface

text

textMuted

accent

border

tone1

tone2

display: NaNIndexPropRegular1
body: NaN Holo
mono: NaN Holo Mono

Do / Don't

Reference it for

Mint pastel canvas (#b7ffb4) as the entire page background, no white panels, surface == background
Near-black ink #262626 instead of pure black for body and display type
Interactive type tester strip: Size slider (228px), Leading slider, family dropdown (NaN Archy On), weight dropdown (ExtraBlack), alignment + OpenType toggles in a 1px-bordered control bar
Massive custom display headings at 200-336px that bleed off the viewport edge and stack as the page architecture
Uppercase monospaced UI chrome (NaN Holo Mono) with ~0.075em tracking for nav, labels, and microcopy
Hairline 1-2px borders doing all the structural work; zero drop shadows, no elevation
Raw lime-green (#00ff00) vector scribbles drawn straight over the hero type as a single loud accent
Inline emoji glyphs (smiley) used as punctuation inside running sentences for warmth

Do not copy

The boxed lime NaN wordmark
The proprietary NaN typefaces (NaN Holo Mono, NaN SuperX, NaN Archy) which are the saleable product, not free assets
The exact mint + lime colour pairing as a generic palette
The hand-drawn green zig-zag scribble motif over the headline
The specific font-tester labels (NaN Archy On, ExtraBlack) and foundry product names