Cold Frame

Design system proof

Every value on this page comes from a token. If something here is wrong, the fix is in globals.css, not in a component. Toggle the theme to check both.

Core palette

surface

border

ink

muted

primary

accent

Neutral ramp

Type scale

Heading xl, Bricolage 600

Body, Newsreader 300. The measure caps at 68ch so a paragraph never runs the full width of the container.

Caption, Newsreader 300 italic

Label, DM Mono 500 uppercase

$24.00 · data, DM Mono 400

Buttons — §11.1

One accent button per view. Disabled uses the neutral ramp, never a faded brand colour.

Form controls

Send me the weekly share list

Saturday market pickup

Badges — §11.7

In seasonLast weekSold outFilter chipAcceptedWaitlistedDeclinedReviewing

Semantic badges carry an icon as well as a word. The palette is monochromatic green, so a colour on its own says nothing.

Alerts — §11.9

Application accepted

Your residency starts on 1 April. We will email the space details.

Season nearly full

One growing plot remains for 2027.

Could not save

The space you selected was allocated while you were filling this in.

Under review

Applications are reviewed at the end of each month.

Form field — §11.5

Business nameRequired

As you would like it published.

Business name

Enter a business name.

What do you grow?

Allocated space

Set by staff.

The message slot is always rendered at a fixed height, so nothing shifts when an error appears. The required marker is the word, not an asterisk.

Tabs — §11.14

Step one of the residency application.

Table — §11.16

Space	Location	Kind	Area
High tunnel greenhouse	Mount Rainier	Greenhouse	1,632 ft²
Green event space	Mount Rainier	Event	3,800 ft²
Growing area	Hyattsville	Growing	—

Card and skeleton

In season

Winter kale

Cut weekly through the first hard frost.

$4.50 / bunch