Updated 2026-05-19
Typography tokens for the Actian DS — family, weight, size, line-height, letter-spacing, plus composite text styles.
Token Value Usage Status --zen-font-family-text Roboto Default — headings and body 🟢 Shipped --zen-font-family-mono "Roboto Mono" Code and data 🟢 Shipped
Token Value --zen-font-weight-regular400 --zen-font-weight-medium500 --zen-font-weight-semibold600 --zen-font-weight-bold700
Token Value Usage Status --zen-font-size-xs 0.6875rem (11px) (update from 10px) Hint 🟡 Proposed --zen-font-size-sm 0.75rem (12px)Body, section subtitle 🟢 Shipped --zen-font-size-md 0.875rem (14px)Page subtitle, card header (small) 🟢 Shipped --zen-font-size-lg 1rem (16px)Section title, card header (default) 🟢 Shipped --zen-font-size-xl 1.125rem (18px)— 🟢 Shipped --zen-font-size-2xl 1.25rem (20px)— 🟢 Shipped --zen-font-size-3xl 1.5rem (24px)Page title 🟢 Shipped --zen-font-size-4xl 1.875rem (30px)— 🟢 Shipped
Token Value Usage Status --zen-font-lineheight-xs 14px / 0.875rem Font size 11px or smaller 🔵 In Review --zen-font-lineheight-sm 16px / 1rem Font size 12px 🔵 In Review --zen-font-lineheight-md 20px / 1.25rem Font size 14px 🔵 In Review --zen-font-lineheight-lg 24px / 1.5rem Font size 16px 🔵 In Review --zen-font-lineheight-xl 26px / 1.625rem Font size 18px 🔵 In Review --zen-font-lineheight-2xl 32px / 2rem Font size 24px 🔵 In Review
Token Value Usage Status --zen-font-letterspacing-normal 0px Font sizes larger than 16px 🔵 In Review --zen-font-letterspacing-wide-1 0.1px Font size 16px 🔵 In Review --zen-font-letterspacing-wide-2 0.2px Font size 14px 🔵 In Review --zen-font-letterspacing-wide-3 0.3px Font size 12px 🔵 In Review --zen-font-letterspacing-wide-4 0.4px Font size 11px and smaller 🔵 In Review
Composite text-style tokens combine family / weight / size / line-height into named roles (e.g. body, heading, caption). Rendered from the foundations source.
Token Weight Size Letter Spacing Line Height Usage Status --zen-text-heading-display semibold 3xl letterspacing-normal 2xl Primary header, display font 🔵 In Review --zen-text-heading-prominent semibold xl letterspacing-normal xl Secondary header, default page header 🔵 In Review --zen-text-heading-standard semibold lg letterspacing-wide-1 lg Tertiary header, section header 🔵 In Review --zen-text-heading-subtle semibold md letterspacing-wide-2 md Subsection header 🔵 In Review --zen-text-heading-micro semibold sm letterspacing-wide-3 sm Low-emphasis header 🔵 In Review --zen-text-body-prominent regular lg letterspacing-wide-1 lg Intro, highlighted paragraph 🔵 In Review --zen-text-body-standard regular md letterspacing-wide-2 md Main content 🔵 In Review --zen-text-body-subtle regular sm letterspacing-wide-3 sm Secondary content 🔵 In Review --zen-text-body-micro regular xs letterspacing-wide-4 xs Footnotes, microcopy 🔵 In Review --zen-text-label-standard medium md letterspacing-wide-2 md Default button, form label 🔵 In Review --zen-text-label-subtle medium sm letterspacing-wide-3 sm Less prominent actions, secondary info label 🔵 In Review --zen-text-label-micro medium xs letterspacing-wide-4 xs Microcopy 🔵 In Review
