Typography

Public Sans for everything; Roboto Mono for data values. Public Sans is the U.S. Web Design System typeface — a deliberately USDA-adjacent choice that reads as quiet credibility to the NRCS conservationists who are this tool's primary users.

Type families

The quick brown fox jumps over the lazy dog

--font-sans · Public Sans · the only UI face — headings differ by size and weight, not family

pH 6.2 · CEC 18.5 · 78 / 100

--font-mono · Roboto Mono · data values — soil properties, suitability scores, coordinates

Type scale

Sizes shown at their desktop px / line-height; components read the matching fluid --type-size-* token. Body text never drops below 16px; meta text never below 14px.

Size 600 30 / 38 · 600 Page title

Biochar Suitability Tool

Size 500 24 / 32 · 600 Section heading

Soil context

Size 400 20 / 28 · 600 Card title

Douglas-fir slash, 550°C

Size 300 18 / 27 · 400 Lead paragraph

Evaluate whether a specific biochar suits a specific field.

Size 250 16 / 24 · 400 Body — base reading size

SSURGO soil properties auto-derive when you pick a field; select goals to compare biochars from the catalog.

Size 200 14 / 20 · 400 Meta, timestamps, captions — the floor

Auto-derived from SSURGO · OR039 · Jun 11, 2026

Weights

Public Sans ships standard weights, so the theme re-points the hub's weight tokens: 400 / 500 / 600 / 700 replace DM Sans's variable-font 350 / 450 / 550 / 650. Components that read --font-weight-* get the right optical weight on either face; never hard-code a DM Sans weight number in this spoke.

Regular

--font-weight-regular 400 (DM Sans: 350)

Medium

--font-weight-medium 500 (DM Sans: 450)

Semibold

--font-weight-semibold 600 (DM Sans: 550)

Bold

--font-weight-bold 700 (DM Sans: 650)