Brand style guide

MDC Root Cellar

Good things, kept in the dark.

The quiet brand behind mdcrootcellar.com, home of the beet keeper. Written guidance in the brand brief; machine-readable tokens in tokens.json; the full design system — React components, guideline specimens, logo assets — under system/.

Color

Beet — primary

beet-200#DFBCC7

beet-400#A2687D

beet-600 ★#5F2B3E

beet-800#371826

Crops & earth

sage-600#61704B

carrot-600#A05B26

amber-400#D9AE5F

dusk-500#5D7183

clay-500#A6432F

parchment#F1E8D4

ink#251A13

cellar#1B120D

Typography

Young Serif — display, one weight

Alegreya — body at 16px/1.6. Italics for asides, quieter and a little wry.

Space Mono — the ledger layer: labels, buttons, badges

Scale & surfaces

space	4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96 / 128 px
radius	4 / 8 / 12 / 16 px · pill · the arch (999 999 12 12)
border	1.5px, ink
shadow	stamp: 3px 3px 0 — hard offset, no blur
motion	fades & small rises, 130–420ms, ease-lantern

The system

Design-system READMEthe canonical written guide
styles.cssglobal entry — tokens + base + components
Guidelines specimens17 HTML pages: color, type, spacing, motion
React componentsButton, Card, Dialog, Tabs, Logo…
Logo & assetsSVG marks, avatars, the field horizon
Landing page kitmdcrootcellar.com one-pager + 404