Components
For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
An austere, geometric scale for professional tools.
Typography in the Monolith Design System is unopinionated, geometric, and designed for maximum density and readability. We use a strict set of utility classes defined in globals.css rather than relying on arbitrary Tailwind text sizes.
var(--font-sans)). Used for all UI elements, headings, and body text.var(--font-mono)). Used for code, badges, numbers, and data tables. Tabular numbers (tabular-nums) are enforced globally on all mono text.We provide explicit @utility classes in CSS. Do not use generic text-sm or text-lg unless building one-off marketing elements; use the semantic text classes for UI consistency.
text-body and text-h3), allowing high information density without sacrificing legibility.-0.01em to -0.03em) to tighten geometry. Body text has neutral tracking. Badges have positive tracking (0.02em) for clarity at microscopic sizes.