Skip to main content
CARGO/19 CSS
Live example

Type protocol / 05

Typography

Three open-font roles create a wide title rhythm, condensed operational labels, readable body copy, and disciplined telemetry without redistributing font files.

Families
03
Specimens
12
Binaries
00
01 / ROLES

One family system, four jobs

The stack is selected by function. Avoid using the display face for paragraphs or the mono face as generic “science-fiction” decoration.

Display + label

A/19

Rajdhani

Major titles, compact controls, navigation, and numeric lockups.

Interface

Pressure cycle

Space Grotesk

Paragraphs, forms, descriptions, and long documentation passages.

Data

101.3 kPa

IBM Plex Mono

Telemetry, code, checksums, timestamps, units, and terminals.

02 / TITLE CUE

Segmented reveal without copying a logo

The lockup uses tracked, horizontally resolving letterforms as an original interface motion cue—not a reproduction of the film title artwork.

Incoming transmission

SIGNAL
Motion / 980 ms + 55 ms mirrored stagger
03 / HIERARCHY

A compact operational scale

Display sizes use fluid clamps; labels and data remain stable so dense controls do not change rhythm across viewports.

Display / 03

CARGO

Heading / 01

Navigation control

Heading / 02

Pressure integrity

Label / compact

Sector A-01 / nominal

Body / lede

Use clear body copy for procedures, constraints, and contextual explanation.

Data / mono

UTC 21:14:51 · BUS A 92.4% · CHECKSUM C19-8D

04 / CHARACTERS

Letters, numerals, and telemetry punctuation

Use specimens that expose ambiguous forms before selecting fallbacks or replacing a project font. Tabular numerals remain aligned in changing data.

Display uppercase

ABCDEFGH IJKLMN OPQRST UVWXYZ

Interface mixed case

Atmosphere integrity / Outer hatch secured

Mono numerals

0123456789 · 00:19:42 · −142.7 °C

Diagnostic punctuation

A-01 / C_19 / [LOCKED] / 98.7% / #8D19 / +04.20

05 / IN CONTEXT

Procedure, control, and data examples

Typography is judged in real combinations: a compact label beside an input, a readable procedure, and aligned telemetry under pressure.

Procedure / 04

Equalize the chamber

Confirm both hatch indicators are locked. Start the pressure cycle and remain at the control station until the differential reads zero.

Do not bypass the automatic isolation interlock.

Telemetry registerLive
Pressure delta+00.04 kPa
Cycle elapsed00:01:42
06 / TOKENS

Override font delivery without changing components

All typography classes resolve through four custom properties, making licensed self-hosting or system-only deployment straightforward.

CSS
:root {
  --c19-font-sans: "Space Grotesk", sans-serif;
  --c19-font-display: "Rajdhani", sans-serif;
  --c19-font-label: "Rajdhani", sans-serif;
  --c19-font-mono: "IBM Plex Mono", monospace;
}
07 / SOURCES

Official font projects

The package contains URLs and licensing notes only. Font software remains under its own license and is not included in the ZIP.