Typography

IBM Plex Sans for everything; IBM Plex Sans Condensed for display — page titles, big stat numbers, the logotype. The weight scale (400 / 500 / 600 / 700) is verified against cbfish.org production.

Type families

Report Center

--font-display · IBM Plex Sans Condensed · Medium 500 · −1 tracking

The quick brown fox jumps over the lazy dog

--font-sans · IBM Plex Sans · the body face

Type scale

Sizes shown at their Figma px / line-height. Components read the matching fluid --type-size-* token.

Size 600 32 / 56 · 700 Library section title

Report Center

Size 500 24 / 34 · 600 Subsection heading

Featured reports

Size 400 20 / 28 · 600 Card title

Cost-share funding summary

Size 300 18 / 25 · 400 Lead paragraph

A curated view of the program’s data.

Size 200 16 / 22 · 400 Body — base reading size

The Columbia Basin Fish & Wildlife Program reports on funded projects across the basin.

Size 100 14 / 20 · 400 Secondary / dense UI

Filter by project type, sponsor, or fiscal year.

Size 050 12 / 16 · 400 Meta, timestamps, captions

Last updated Jun 4, 2026

Weights

Regular

--font-weight-regular 400

Medium

--font-weight-medium 500

Semibold

--font-weight-semibold 600

Bold

--font-weight-bold 700