Skip to main content
Context GrammarContext-aware AI

Type roles

Text asks for a role — display, body, label, voice or data — never a font. The switch swaps the display family under every heading in the sample; Japanese has its own faces.

Context changes the answer.

Intent First reads language as intent, context and constraints, not as menu paths.

Intent First reads language as intent, context and constraints, not as menu paths.

Design system

Design system · 0123456789

Japanese (lang=ja)

状況が変われば、答えも変わる。

Intent First は、言葉をメニュー操作に当てはめず、意図・文脈・制約として読み取ります。

Intent First は、言葉をメニュー操作に当てはめず、意図・文脈・制約として読み取ります。

デザインシステム

デザインシステム · 0123456789

Usage

Do

  • Choose a face by its role — display, body, label, voice, data — never by family name.

Don’t

  • Don’t pick a Japanese face by hand; the role stacks switch to M PLUS 2 and Noto Serif JP for you.

Tokens it uses

Tokens it uses
--font-display…
--font-body…
--font-label…
--font-voice…
--font-data…

Values are read live from the stylesheet, so they follow the site theme.

Used in