@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
103 lines (101 loc) • 5.54 kB
JavaScript
/**
* Do not edit directly
* Generated on Wed, 17 Dec 2025 14:40:36 GMT
*/
export const BrandFontStackSansSerifAlt = "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandBodyFontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandBodyFontFamilyAlt = "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandHeadingFontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandHeadingFontFamilyAlt = "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
export const BrandHeadingWeight400 = 480;
export const BrandHeadingWeight500 = 480;
export const BrandHeadingWeight600 = 460;
export const BrandHeadingWeight700 = 460;
export const BrandHeadingWeight800 = 465;
export const BrandHeadingWeight900 = 440;
export const BrandHeadingWeight1000 = 440;
export const BrandHeadingLetterSpacing400 = "0";
export const BrandHeadingLetterSpacing500 = "0";
export const BrandHeadingLetterSpacing600 = "0";
export const BrandHeadingLetterSpacing700 = "0";
export const BrandHeadingLetterSpacing800 = "0";
export const BrandHeadingLetterSpacing900 = "0";
export const BrandHeadingLetterSpacing1000 = "0";
export const BrandHeadingLineHeight400 = "1.3";
export const BrandHeadingLineHeight500 = "1.3";
export const BrandHeadingLineHeight600 = "1.3";
export const BrandHeadingLineHeight700 = "1.2";
export const BrandHeadingLineHeight800 = "1.2";
export const BrandHeadingLineHeight900 = "1.1";
export const BrandHeadingLineHeight1000 = "1.1";
export const BrandTextSubheadSizeMedium = "1rem";
export const BrandTextSubheadSizeLarge = "1.125rem";
export const BrandTextSubheadLetterSpacingMedium = "0.24px";
export const BrandTextSubheadLetterSpacingLarge = "0.1px";
export const BrandTextSubheadWeightMedium = 550;
export const BrandTextSubheadWeightLarge = 475;
export const BrandTextSubheadLineHeightMedium = "1.3";
export const BrandTextSubheadLineHeightLarge = "1.3";
export const BrandTextWeight100 = "var(--base-text-weight-normal)";
export const BrandTextWeight200 = "var(--base-text-weight-normal)";
export const BrandTextWeight300 = "var(--base-text-weight-normal)";
export const BrandTextWeight350 = "var(--base-text-weight-normal)";
export const BrandTextWeight400 = "var(--base-text-weight-normal)";
export const BrandTextWeight500 = "var(--base-text-weight-normal)";
export const BrandTextWeight600 = "var(--base-text-weight-normal)";
export const BrandTextWeight700 = "var(--base-text-weight-normal)";
export const BrandTextWeight800 = "var(--base-text-weight-normal)";
export const BrandTextWeight900 = "var(--base-text-weight-normal)";
export const BrandTextWeight1000 = "var(--base-text-weight-normal)";
export const BrandTextWeightExtralight = 400;
export const BrandTextWeightLight = 400;
export const BrandTextWeightRegular = 400;
export const BrandTextWeightNormal = 400;
export const BrandTextWeightMedium = 500;
export const BrandTextWeightSemibold = 525;
export const BrandTextWeightBold = 537;
export const BrandTextWeightExtrabold = 543;
export const BrandTextWeightHeavy = 550;
export const BrandTextSize100 = "0.875rem";
export const BrandTextSize200 = "1rem";
export const BrandTextSize300 = "1.125rem";
export const BrandTextSize350 = "1.125rem";
export const BrandTextSize400 = "1.25rem";
export const BrandTextSize500 = "1.375rem";
export const BrandTextSize600 = "1.5rem";
export const BrandTextSize700 = "1.75rem";
export const BrandTextSize800 = "2rem";
export const BrandTextSize900 = "2.25rem";
export const BrandTextSize1000 = "2.5rem";
export const BrandTextLineHeight100 = "1.5";
export const BrandTextLineHeight200 = "1.5";
export const BrandTextLineHeight300 = "1.5";
export const BrandTextLineHeight350 = "1.5";
export const BrandTextLineHeight400 = "1.4";
export const BrandTextLineHeight500 = "1.3";
export const BrandTextLineHeight600 = "1.3";
export const BrandTextLineHeight700 = "1.2";
export const BrandTextLineHeight800 = "1.2";
export const BrandTextLineHeight900 = "1.2";
export const BrandTextLineHeight1000 = "1.149";
export const BrandTextLetterSpacing100 = "0.21px";
export const BrandTextLetterSpacing200 = "0.24px";
export const BrandTextLetterSpacing300 = "0.18px";
export const BrandTextLetterSpacing350 = "0.18px";
export const BrandTextLetterSpacing400 = "0";
export const BrandTextLetterSpacing500 = "0";
export const BrandTextLetterSpacing600 = "0";
export const BrandTextLetterSpacing700 = "0";
export const BrandTextLetterSpacing800 = "0";
export const BrandTextLetterSpacing900 = "0";
export const BrandTextLetterSpacing1000 = "0";
export const BrandTextStyleItalic1 = "'ital' 1";
export const BrandTextStyleItalic2 = "'ital' 2";
export const BrandTextStyleItalic3 = "'ital' 3";
export const BrandTextStyleItalic4 = "'ital' 4";
export const BrandTextStyleItalic5 = "'ital' 5";
export const BrandTextStyleItalic6 = "'ital' 6";
export const BrandTextStyleItalic7 = "'ital' 7";
export const BrandTextStyleItalic8 = "'ital' 8";
export const BrandTextStyleItalic9 = "'ital' 9";
export const BrandTextStyleItalic10 = "'ital' 10";