For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/en/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/en/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/en/foundations/typography.md.

Typography

A3S UI uses the operating system UI stack for fast loading and native text rendering across macOS, Windows, Linux, and CJK environments. Monospace content uses the platform code stack.

Live previewHTML · CSS · JavaScript
Display / 36

Agent workspaces, made coherent.

Heading / 20

Workspace configuration

Body / 14

Readable density for operational tools, document editors, and long-running agent sessions.

gateway.routing.strategy = "balanced"

Families

TokenStackUse
--font-sansSystem UI, PingFang SC, Microsoft YaHei, Noto Sans CJK SCInterface and documentation text
--font-monoSFMono-Regular, Consolas, Liberation Mono, MenloCode, identifiers, metrics, shortcuts

Scale

RoleSize / line heightWeightNotes
Display36 / 40px600Marketing or empty-state statement
Page title24 / 32px600One per view
Section title16 / 24px600–650Settings cards and panels
Control13 / 20px500–600Dense application chrome
Body14 / 22px400Default documentation copy
Caption12 / 16px400–500Metadata and status

Parameters

Override --font-sans and --font-mono at the application root. Preserve the scale and line-height relationships unless the product has a measured density requirement. Avoid putting status, file names, or long labels in all caps.