Kept · Material referenceMeasured from the live Curated Supply site, 18 Sep 2026

Grey paper, white plates, one gold word

Every surface here is built from three greys, one type size, full pills, and a single gold word for the editor's hand. This sheet shows each part at its real size, with its real states.

Color

Hierarchy is ink against muted. Surfaces stack in exactly two steps, paper under plate. Click a swatch to copy its value.

Type

Geist at 14px carries nearly everything. Size changes are rare; color does the ranking.

Display40 / 44 · 400 · -0.8px

Discover well-kept things

Section heading32 / 35.2 · 500 · -0.64px

Contact

Detail price24 / 26.4 · 500 · mono
$1,599
Lede16 / 24 · 400 · +0.16px

A short, unranked list of objects that hold up.

Body and UI14 / 20 · 400
Every line of interface text is this size.
Button and active14 / 20 · 500 · +0.14px
Purchase Link
Number14 / 20 · mono · +0.14px
$148   $690   $24
Same size, ranked by color
Pour kettle 0.9LHalden · Kitchen
Two weights only
Regular 400 for readingMedium 500 for actions

Shape

Everything you can press is a full pill. Plates are 16 or 24. Images sit inside at 8, so the two radii read as nested.

Input40px
Chip32px
Button28px
Large plate24px
Plate16px
Image8px
A 16px plate holding an 8px image mount. No 4px or 6px corner exists anywhere.

Layout

A flat, unranked grid. 36px gutters, 16px gaps, three columns at desktop.

Gutter 36pxGap 16pxColumns 3Content max 1368px

Depth

There is none. A white plate on grey paper is the whole elevation system.

Plate on paperbackground: #ffffff; /* on #f2f2f2 */ box-shadow: none; border: 0;
The only shadow, a chip ringbox-shadow: #e2e2e2 0 0 0 1px inset;

Card

Plate, image, one gold word at most, then Brand · Category in muted links, the name in ink and the price in mono.

Standard·With Staff Pick·No price, right column left empty

Filter chip

Active is the white one. Inactive is paper with a hairline ring. Never a dark chip.

Inactive
Active
Keyboard focus

Buttons

Full pills, medium weight, sentence case. Primary is ink, secondary is a plate.

Primary
Secondary
Inline, inside a field

Inputs

40px white pills with no border at rest. A 1px ink ring on focus is the one improvement over the source.

Join 3,100+ readers who get the Monday letter.