Mono
DarkMonoTerminalTerminal / CLI dark mode. IBM Plex Mono carries the UI, Albert Sans for display numerals, amber CRT signal accent, 2px functional corners.
This system uses the following font families. Every sample below is rendered live — not a screenshot.
Large display numerals and hero headings only
Body copy, buttons, badges, tables, form fields
Comment-style metadata, timestamps, section labels
Base body copy at large size for lead paragraphs and introductory content blocks.
Standard body text for descriptions, helper copy, and long-form content within cards and panels.
Captions, timestamps, and supplementary metadata rendered at reduced size.
This page uses SectionLabel to open every section
Broken ImageSquare ShapeAda LovelaceGrace HopperAlan TuringMargaret Hamilton+1Default card
Static container, no interaction.
Clickable card
Click me — fires a real handler.
| Status | |||
|---|---|---|---|
| Ada Lovelace | Design Lead | Active | |
| Grace Hopper | Engineer | Active | |
| Alan Turing | Researcher | Pending | |
| Margaret Hamilton | Engineer | Active | |
| Katherine Johnson | Analyst | Idle | |
| Radia Perlman | Architect | Active |
Page 1 of 2 — paired with the table dataset above.
Sample dataset for Mono — values scale relative to the highest bar in the series.
Overview panel content.
A realistic product moment: open the modal, fill fields with validation, submit, and see a toast plus a new table row.