For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.2.0/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.2.0/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.2.0/foundations/typography.md.
  • 简体中文
  • v0.2.0
  • 排版

    A3S UI 使用系统 UI 字体栈,在 macOS、Windows、Linux 与 CJK 环境中快速加载并保持原生文本质感。代码、标识符与指标使用平台等宽字体栈。

    Live previewHTML · CSS · JavaScript
    Display / 36

    让智能体工作区保持一致。

    Heading / 20

    工作区配置

    Body / 14

    适合运维工具、文档编辑器和长时间智能体会话的可读密度。

    gateway.routing.strategy = "balanced"

    字体族

    令牌字体栈用途
    --font-sansSystem UI、PingFang SC、Microsoft YaHei、Noto Sans CJK SC界面与文档文本
    --font-monoSFMono-Regular、Consolas、Liberation Mono、Menlo代码、标识符、指标与快捷键

    字号层级

    角色字号 / 行高字重说明
    展示标题36 / 40px600首页或空状态主张
    页面标题24 / 32px600每个视图一个
    分区标题16 / 24px600–650设置卡片与面板
    控件13 / 20px500–600紧凑应用工具栏
    正文14 / 22px400默认文档正文
    说明文字12 / 16px400–500元数据与状态

    参数

    在应用根节点覆盖 --font-sans--font-mono。除非产品已经完成密度测量,否则应保留字号与行高关系。不要把状态、文件名或长标签全部转成大写。