agentic-ui

Typography

Two font roles: a serif display font for headings and a monospace font for all UI chrome. Both adapt with the OS font stack.

Display font — headings

The quick brown fox — New York serif

Deploy with confidence, ship faster

API Gateway · Edge Workers · Observability

Mono font — UI chrome

2xs · 10pxThe quick brown fox jumps over the lazy dog
xs · 11pxThe quick brown fox jumps over the lazy dog
sm · 12pxThe quick brown fox jumps over the lazy dog
md · 13pxThe quick brown fox jumps over the lazy dog
lg · 14pxThe quick brown fox jumps over the lazy dog
xl · 16pxThe quick brown fox jumps over the lazy dog
2xl · 18pxThe quick brown fox jumps over the lazy dog
3xl · 20pxThe quick brown fox jumps over the lazy dog
4xl · 24pxThe quick brown fox jumps over the lazy dog

Font stacks

--font-display"New York", "Iowan Old Style", "Palatino Linotype", "URW Palladio L", Georgia, serif
--font-mono"Berkeley Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", "Menlo", ui-monospace, "Courier New", monospace
--font-sans-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif