Typography

Glaze Sans for every word, Glaze Mono at 0.8 of the text around it, 12px in a block.

Font

Ship agents you can see

Glaze Sans, for every word

Glaze Mono, for run_8f2a91

0123456789 1,284 98.2% 12:04:09

Weights

Recent runs

Publish prompt

The eval finished in 42 seconds and passed 196 of 200 tickets.

WeightRoles
500, Regular cuttitle, heading, heading-sm, label, label-sm, label-lg
400, Regular cutbody, body-sm, caption, code roles
600, Semiboldstrong, a short phrase only

Scale

  • title, 28pxEvals
  • heading, 20pxRecent runs
  • heading-sm, 16pxRefund agent
  • body, 14pxThe eval finished in 42 seconds and passed 196 of 200 tickets.
  • body-sm, 13pxStarted 3 minutes ago by the release agent.
  • label-lg, 14pxPublish prompt
  • label, 13pxJoin the waitlist
  • label-sm, 12pxNot now
  • caption, 12px2 seats left
  • code, 11.2pxawait run.wait({timeout: 30_000})
  • code-sm, 10.4pxrun_01J9ZK4E
  • code-xs, 9.6pxsk_demo_0000aaaa
  • code-block, 12pxconst reply = await agent.run(ticket);
ClassSizeLineWeight
type-title28px1.2500
type-heading20px1.3500
type-heading-sm16px1.35500
type-body14px1.5400
type-body-sm13px1.5400
type-label-lg14px1.35500
type-label13px1.35500
type-label-sm12px1.35500
type-caption12px1.35400
type-code11.2px1.5400
type-code-sm10.4px1.5400
type-code-xs9.6px1.35400
type-code-block12px20px400

Mono beside sans

Run run_8f2a held

Mono at 1em, 26% wider

Run run_8f2a held

Mono at 0.8em, level with the sans
Measured, share of the font sizeGlaze SansGlaze MonoGlaze Mono at 0.8
x-height0.51em0.51em0.408em
Cap height0.715em0.715em0.572em
Average advance, a to z0.478em0.60em0.48em
Average advance in a sentence0.418em0.591em0.473em
Around itSansMono inside it
type-body14px11.2px, same line height, same baseline
type-body-sm13px10.4px, same line height, same baseline
type-label13px10.4px, same line height, same baseline
type-caption12px9.6px, same line height, same baseline

Mono in running text

The agent called refunds.create with key sk_demo_0000aaaa and finished in 2m 14s.

The agent called refunds.create with key sk_demo_0000aaaa and finished in 2m 14s.

The agent called refunds.create with key sk_demo_0000aaaa and finished in 2m 14s.

Tokens

22 tokens
--font-sans
"Glaze Sans", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif
--font-mono
"Glaze Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace
--mono-scale
0.8
--weight-normal
400
--weight-medium
500
--weight-semibold
600
--type-title
500 28px/1.2 var(--font-sans)
--type-heading
500 20px/1.3 var(--font-sans)
--type-heading-sm
500 16px/1.35 var(--font-sans)
--type-body
400 14px/1.5 var(--font-sans)
--type-body-sm
400 13px/1.5 var(--font-sans)
--type-label
500 13px/1.35 var(--font-sans)
--type-label-sm
500 12px/1.35 var(--font-sans)
--type-label-lg
500 14px/1.35 var(--font-sans)
--type-caption
400 12px/1.35 var(--font-sans)
--type-code
400 calc(14px * var(--mono-scale))/1.5 var(--font-mono)
--type-code-sm
400 calc(13px * var(--mono-scale))/1.5 var(--font-mono)
--type-code-xs
400 calc(12px * var(--mono-scale))/1.35 var(--font-mono)
--type-code-block
400 12px/20px var(--font-mono)
--tracking-heading
-0.025em
--tracking-body
0em
--tracking-label
0.02em

Install

For your coding agent

GitHub

Please star me pookie

141

A new design system every week

Leave your email before you copy the prompt.