@primer/brand-primitives
Version:
Color, spacing, and typography primitives for the Primer Brand Design System
143 lines (141 loc) • 3.85 kB
JavaScript
/**
* Do not edit directly
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
*/
module.exports = {
brand: {
fontStack: {
sansSerifAlt: "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
},
body: {
fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
fontFamilyAlt: "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
},
heading: {
fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
fontFamilyAlt: "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
weight: {
"400": 480,
"500": 480,
"600": 460,
"700": 460,
"800": 465,
"900": 440,
"1000": 440,
},
letterSpacing: {
"400": "0",
"500": "0",
"600": "0",
"700": "0",
"800": "0",
"900": "0",
"1000": "0",
},
lineHeight: {
"400": "1.3",
"500": "1.3",
"600": "1.3",
"700": "1.2",
"800": "1.2",
"900": "1.1",
"1000": "1.1",
},
},
text: {
subhead: {
size: {
medium: "1rem",
large: "1.125rem",
},
letterSpacing: {
medium: "0.24px",
large: "0.1px",
},
weight: {
medium: 550,
large: 475,
},
lineHeight: {
medium: "1.3",
large: "1.3",
},
},
weight: {
"100": "var(--base-text-weight-normal)",
"200": "var(--base-text-weight-normal)",
"300": "var(--base-text-weight-normal)",
"350": "var(--base-text-weight-normal)",
"400": "var(--base-text-weight-normal)",
"500": "var(--base-text-weight-normal)",
"600": "var(--base-text-weight-normal)",
"700": "var(--base-text-weight-normal)",
"800": "var(--base-text-weight-normal)",
"900": "var(--base-text-weight-normal)",
"1000": "var(--base-text-weight-normal)",
extralight: 400,
light: 400,
regular: 400,
normal: 400,
medium: 500,
semibold: 525,
bold: 537,
extrabold: 543,
heavy: 550,
},
size: {
"100": "0.875rem",
"200": "1rem",
"300": "1.125rem",
"350": "1.125rem",
"400": "1.25rem",
"500": "1.375rem",
"600": "1.5rem",
"700": "1.75rem",
"800": "2rem",
"900": "2.25rem",
"1000": "2.5rem",
},
lineHeight: {
"100": "1.5",
"200": "1.5",
"300": "1.5",
"350": "1.5",
"400": "1.4",
"500": "1.3",
"600": "1.3",
"700": "1.2",
"800": "1.2",
"900": "1.2",
"1000": "1.149",
},
letterSpacing: {
"100": "0.21px",
"200": "0.24px",
"300": "0.18px",
"350": "0.18px",
"400": "0",
"500": "0",
"600": "0",
"700": "0",
"800": "0",
"900": "0",
"1000": "0",
},
style: {
italic: {
"1": "'ital' 1",
"2": "'ital' 2",
"3": "'ital' 3",
"4": "'ital' 4",
"5": "'ital' 5",
"6": "'ital' 6",
"7": "'ital' 7",
"8": "'ital' 8",
"9": "'ital' 9",
"10": "'ital' 10",
},
},
},
},
};