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

Typography

A3S UI uses Geist with HarmonyOS Sans SC, PingFang SC, and system fallbacks. Geist Mono is reserved for code, commands, paths, shortcuts, identifiers, and measurements.

Live preview
Display · 32–40 / 1.08

Keep complex work coherent.

Page title · 24 / 1.2

Workspace configuration

Body · 15 / 1.7

Stable reading density for operational tools, document editors, and long-running task sessions.

gateway.routing.strategy = "balanced"

Families

TokenStackUse
--font-sansGeist, HarmonyOS Sans SC, PingFang SC, system sans serifInterface and documentation text
--font-monoGeist Mono, SFMono-Regular, Consolas, system monospaceCode, commands, paths, shortcuts, and measurements

Scale

RoleSize / line heightWeightUse
Displayclamp(32px, 4vw, 40px) / 1.08680Documentation and empty-state landmarks
Page title24px / 1.2660Page identity
Section title20px / 1.3650Major document and application regions
Subsection16px / 1.4620Form groups and inspector regions
Body15px / 1.7400Documentation and long task output
UI14px / 1.4520Controls, navigation, tables, and menus
Annotation13px / 1.45450Metadata and descriptions
Micro12px / 1.4560Rare dense labels and measurements

Keep display tracking between -0.035em and -0.02em; interface labels use normal tracking. Headings receive more space above than below, and body measure stays between 65 and 75 characters. Chinese and English use equivalent roles without forced uppercase.

Parameters

Override --font-sans and --font-mono at the application root. Do not independently shrink type or line height without measured density evidence; doing so harms bilingual readability and 200% zoom behavior together.