Layout

DrylTypo

The type scale as a strongly-typed primitive. Variant drives the look (size / weight / colour); As independently chooses the rendered tag, so an H2-styled heading can be a semantic <h1>.

View source

Scale

Eyebrow

Heading H1

Heading H2

Heading H3

Heading H4

Lead — a short standfirst that introduces the section in a slightly larger, muted voice.

Body — the default paragraph style for running copy on glass surfaces.

Caption — fine print and secondary metadata.

Colours

Strong — full-strength foreground.

Muted — the default body voice.

Dim — supporting, lower-emphasis text.

Faint — the quietest readable step.

Gradient, tag & alignment

Dark, glassy, alive.

Styled H2, rendered <h1>

Centred copy.