Base

Design tokens — the colors, type scale, spacing, and radii everything else is built from.

Colors

The museum-register palette. Each swatch shows its DaisyUI token and the paired -content foreground.

Brand

Aa
primary
Aa
secondary
Aa
accent
Aa
neutral

Base

base-100
base-200
base-300
Aa
base-content

Status

Aa
info
Aa
success
Aa
warning
Aa
error

Typography

Source Sans 3 across the board. The display scale sets size, line-height, and weight together from a single utility.

Find geoscience specimens

text-display

Find geoscience specimens

text-hero

Find geoscience specimens

text-section

The quick brown fox jumps over the lazy dog. Lower Devonian tourmaline from the Valais, catalogued and published.

text-base body — 17px / 1.6

3 institutions · 12 collections · 4,096 records

text-sm secondary / metadata

MHNG-GEO-0042 · 46.2044° N, 6.1432° E

font-mono identifiers, coordinates

Spacing

Tailwind's default 0.25rem spacing scale. A few rungs shown.

1
0.25rem
2
0.5rem
4
1.0rem
6
1.5rem
8
2.0rem
12
3.0rem
16
4.0rem
24
6.0rem

Radius

Restrained, museum-register radii. Three semantic steps.

rounded-selector

0.25rem

rounded-field

0.375rem

rounded-box

0.5rem