Foundations

Typography

Text styles used across Motion, from page titles to captions and code. Utilities: `text-n-<style>` (e.g. `text-n-ui`).

page-title
The quick brown fox jumps over the lazy dog.
Weight: Bold / 700
Font Size: 40px
Line Height: 48px
Letter Spacing: -0.01em
h1
The quick brown fox jumps over the lazy dog.
Weight: Semibold / 600
Font Size: 30px
Line Height: 39px
Letter Spacing: 0
h2
The quick brown fox jumps over the lazy dog.
Weight: Semibold / 600
Font Size: 24px
Line Height: 31.2px
Letter Spacing: 0
h3
The quick brown fox jumps over the lazy dog.
Weight: Semibold / 600
Font Size: 20px
Line Height: 26px
Letter Spacing: 0
body
The quick brown fox jumps over the lazy dog.
Weight: Regular / 400
Font Size: 16px
Line Height: 24px
Letter Spacing: 0
ui-lg
The quick brown fox jumps over the lazy dog.
Weight: Medium / 500
Font Size: 15px
Line Height: 22.5px
Letter Spacing: 0
ui
The quick brown fox jumps over the lazy dog.
Weight: Regular / 400
Font Size: 14px
Line Height: 20px
Letter Spacing: 0
ui-medium
The quick brown fox jumps over the lazy dog.
Weight: Medium / 500
Font Size: 14px
Line Height: 20px
Letter Spacing: 0
ui-sm
The quick brown fox jumps over the lazy dog.
Weight: Regular / 400
Font Size: 12px
Line Height: 16px
Letter Spacing: 0
caption
The quick brown fox jumps over the lazy dog.
Weight: Medium / 500
Font Size: 12px
Line Height: 16px
Letter Spacing: 0
code
const page = await client.pages.retrieve(id);
Weight: Regular / 400
Font Size: 13.6px
Line Height: 20.4px
Letter Spacing: 0
code-inline
const page = await client.pages.retrieve(id);
Weight: Regular / 400
Font Size: 85%
Line Height: normal
Letter Spacing: 0
Font families
  • sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
  • serif: Lyon-Text, Georgia, ui-serif, serif
  • mono: iawriter-mono, Nitti, Menlo, Courier, monospace
  • code: SFMono-Regular, Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace
© 2026 Motion. Internal documentation.