@primer/brand-primitives/lib/design-tokens/js/tokens/functional/typography/typography.js

Color, spacing, and typography primitives for the Primer Brand Design System

/**
 * Do not edit directly
 * Generated on Fri, 24 Apr 2026 13:01:08 GMT
 */

export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandFontStackSansSerif = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandFontStackMonospace = "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace";
export const BrandFontStackSansSerifDisplay = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandTextDisplayLineBoxHeight = 1.4;
export const BrandTextDisplaySize = "2.5rem";
export const BrandTextDisplayLineHeight = 1.4;
export const BrandTextDisplayWeight = 500;
export const BrandTextDisplayShorthand = {"fontWeight":500,"fontSize":"2.5rem","lineHeight":1.4,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextTitleSizeLarge = "2rem";
export const BrandTextTitleSizeMedium = "1.25rem";
export const BrandTextTitleSizeSmall = "1rem";
export const BrandTextTitleLineHeightLarge = 1.5;
export const BrandTextTitleLineHeightMedium = 1.6;
export const BrandTextTitleLineHeightSmall = 1.5;
export const BrandTextTitleWeightLarge = 600;
export const BrandTextTitleWeightMedium = 600;
export const BrandTextTitleWeightSmall = 600;
export const BrandTextTitleShorthandLarge = {"fontWeight":600,"fontSize":"2rem","lineHeight":1.5,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextTitleShorthandMedium = {"fontWeight":600,"fontSize":"1.25rem","lineHeight":1.6,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextTitleShorthandSmall = {"fontWeight":600,"fontSize":"1rem","lineHeight":1.5,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextSubtitleSize = "1.25rem";
export const BrandTextSubtitleLineHeight = 1.6;
export const BrandTextSubtitleWeight = 400;
export const BrandTextSubtitleShorthand = {"fontWeight":400,"fontSize":"1.25rem","lineHeight":1.6,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextBodySizeLarge = "1rem";
export const BrandTextBodySizeMedium = "0.875rem";
export const BrandTextBodySizeSmall = "0.75rem";
export const BrandTextBodyLineHeightLarge = 1.5;
export const BrandTextBodyLineHeightMedium = 1.4285;
export const BrandTextBodyLineHeightSmall = 1.6666;
export const BrandTextBodyWeight = 400;
export const BrandTextBodyShorthandLarge = {"fontWeight":400,"fontSize":"1rem","lineHeight":1.5,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextBodyShorthandMedium = {"fontWeight":400,"fontSize":"0.875rem","lineHeight":1.4285,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextBodyShorthandSmall = {"fontWeight":400,"fontSize":"0.75rem","lineHeight":1.6666,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextCaptionSize = "0.75rem";
export const BrandTextCaptionLineHeight = 1.3333;
export const BrandTextCaptionWeight = 400;
export const BrandTextCaptionShorthand = {"fontWeight":400,"fontSize":"0.75rem","lineHeight":1.3333,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
export const BrandTextCodeBlockSize = "0.8125rem";
export const BrandTextCodeBlockLineHeight = 1.5385;
export const BrandTextCodeBlockWeight = 400;
export const BrandTextCodeBlockShorthand = {"fontWeight":400,"fontSize":"0.8125rem","lineHeight":1.5385,"fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
export const BrandTextCodeInlineSize = "0.9285em";
export const BrandTextCodeInlineWeight = 400;
export const BrandTextCodeInlineShorthand = {"fontWeight":400,"fontSize":"0.9285em","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};