Typography
Font families, sizes, weights, leading and tracking, then the composed text styles.
Font family
Section titled “Font family”Raw values3
Raw value. Use a semantic token instead.
SoraRaw value. Use a semantic token instead.
Geist MonoRaw value. Use a semantic token instead.
GeistFont weight
Section titled “Font weight”Font weight 700. Primitive: bind a text style to it.
700Font weight 800. Primitive: bind a text style to it.
800Raw values3
Raw value. Use a semantic token instead.
500Raw value. Use a semantic token instead.
400Raw value. Use a semantic token instead.
600Font size
Section titled “Font size”11px type size. Primitive: bind a text style to it rather than using it directly.
11px13px type size. Primitive: bind a text style to it rather than using it directly.
13px28px type size. Primitive: bind a text style to it rather than using it directly.
28pxResponsive size for display/lg. Set the Layout mode on the frame.
Mobile 36pxTablet 48pxDesktop 60pxWide 60px36pxResponsive size for display/md. Set the Layout mode on the frame.
Mobile 30pxTablet 36pxDesktop 48pxWide 48px30pxResponsive size for display/sm. Set the Layout mode on the frame.
Mobile 24pxTablet 30pxDesktop 36pxWide 36px24pxResponsive size for heading/lg. Set the Layout mode on the frame.
Mobile 20pxTablet 20pxDesktop 24pxWide 24px20px18px16pxResponsive size for heading/xl. Set the Layout mode on the frame.
Mobile 24pxTablet 24pxDesktop 30pxWide 30px24pxRaw values10
Raw value. Use a semantic token instead.
24pxRaw value. Use a semantic token instead.
30pxRaw value. Use a semantic token instead.
36pxRaw value. Use a semantic token instead.
48pxRaw value. Use a semantic token instead.
60pxRaw value. Use a semantic token instead.
16pxRaw value. Use a semantic token instead.
18pxRaw value. Use a semantic token instead.
14pxRaw value. Use a semantic token instead.
20pxRaw value. Use a semantic token instead.
12pxLine height
Section titled “Line height”44px38px32px28px26px24px32px1.5 — all body copy and code.
1.51.3 — h2 through h5.
1.31.4 — eyebrows, subheads and labels.
1.41.2 — h1.
1.21.15 — display headings only.
1.15Raw values9
Raw value. Use a semantic token instead.
40pxRaw value. Use a semantic token instead.
52pxRaw value. Use a semantic token instead.
64pxRaw value. Use a semantic token instead.
16pxRaw value. Use a semantic token instead.
20pxRaw value. Use a semantic token instead.
24pxRaw value. Use a semantic token instead.
28pxRaw value. Use a semantic token instead.
32pxRaw value. Use a semantic token instead.
36pxLetter spacing
Section titled “Letter spacing”0 — h5, all body and labels.
0em-0.01em — h3 and h4.
-0.01em-0.02em — h1 and h2.
-0.02em-0.025em — display.
-0.025em+0.04em — small uppercase eyebrows (h6).
0.04emText styles
Section titled “Text styles”Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Display
Section titled “Display”Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Heading
Section titled “Heading”Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Numeric
Section titled “Numeric”Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal
Decision markets price every proposal