@primer/brand-primitives
Version:
Color, spacing, and typography primitives for the Primer Brand Design System
142 lines (140 loc) • 4.77 kB
JavaScript
/**
* Do not edit directly
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
*/
module.exports = {
brand: {
fontStack: {
system: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
sansSerif: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
monospace: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
sansSerifDisplay: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
},
text: {
display: {
lineBoxHeight: 1.4,
size: "2.5rem",
lineHeight: 1.4,
weight: 500,
shorthand: {
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'",
},
},
title: {
size: {
large: "2rem",
medium: "1.25rem",
small: "1rem",
},
lineHeight: {
large: 1.5,
medium: 1.6,
small: 1.5,
},
weight: {
large: 600,
medium: 600,
small: 600,
},
shorthand: {
large: {
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'",
},
medium: {
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'",
},
small: {
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'",
},
},
},
subtitle: {
size: "1.25rem",
lineHeight: 1.6,
weight: 400,
shorthand: {
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'",
},
},
body: {
size: {
large: "1rem",
medium: "0.875rem",
small: "0.75rem",
},
lineHeight: {
large: 1.5,
medium: 1.4285,
small: 1.6666,
},
weight: 400,
shorthand: {
large: {
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'",
},
medium: {
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'",
},
small: {
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'",
},
},
},
caption: {
size: "0.75rem",
lineHeight: 1.3333,
weight: 400,
shorthand: {
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'",
},
},
codeBlock: {
size: "0.8125rem",
lineHeight: 1.5385,
weight: 400,
shorthand: {
fontWeight: 400,
fontSize: "0.8125rem",
lineHeight: 1.5385,
fontFamily: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
},
},
codeInline: {
size: "0.9285em",
weight: 400,
shorthand: {
fontWeight: 400,
fontSize: "0.9285em",
fontFamily: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
},
},
},
},
};