Primary interface text uses Prompt for Thai and Latin so website, order, partner and admin screens feel more aligned with the refreshed brand while staying readable and operational.
Typography
Font stack, semantic type roles and mixed Thai / English text rules for order, partner and admin screens.
Typography direction
Font and type roles for a warm, reliable and operational 12PM interface.
Brand display follows active boards through the SVG BrandMark; dense MVP workflows keep the shared UI type stack.
Use concise Thai labels, keep title roles at Medium, preserve exact English IDs and codes, and wrap mixed Thai/English strings instead of shrinking text by viewport.
Use display tokens for hero titles, page-title tokens for page H1s, section-title tokens for H2s, and subsection tokens for card titles. Browser strong/b map to the emphasis token at Medium; do not rely on them for heavier visual titles.
RoleSpecimen
TokenDisplay32 / 1.2 / 50012PM Design System
--12pm-sys-type-display-*Page title24 / 1.2 / 500Partner offer setup
--12pm-sys-type-page-title-*Section title20 / 1.2 / 500รอบจัดส่งวันนี้
--12pm-sys-type-section-title-*Subsection16 / 1.35 / 500Pickup scope
--12pm-sys-type-subsection-*Body14 / 1.55 / 400Thai-first labels with exact English IDs.
--12pm-sys-type-body-*Label14 / 1.35 / 500Minimum qualifying quantity
--12pm-sys-type-label-*Caption12 / 1.35 / 400Updated 19 Aug 2026
--12pm-sys-type-caption-*Data ID13 / 1.35 / 400OFFER-LUNCH-SET-20
--12pm-sys-type-data-id-*