@axa-ch/design-tokens/build/js/typography.js

AXA Design Tokens

/**
 * Do not edit directly, this file was auto-generated.
 */

export const TypographyFontFamilyPrimary = 'Source Sans Pro';
export const TypographyFontFamilySecondary = 'Publico Headline';
export const TypographyFontFamilyPrimaryFallback1 = 'Arial';
export const TypographyFontFamilySecondaryFallback1 = 'Georgia';
export const TypographyFontFamilyPrimaryFallback2 = 'sans-serif';
export const TypographyFontFamilySecondaryFallback2 = 'serif';
export const TypographyFontSize1 = 14; // 14px
export const TypographyFontSize2 = 16; // 16px
export const TypographyFontSize3 = 18; // 18px
export const TypographyFontSize4 = 20; // 20px
export const TypographyFontSize5 = 24; // 24px
export const TypographyFontSize6 = 28; // 28px
export const TypographyFontSize7 = 30; // 30px
export const TypographyFontSize8 = 36; // 36px
export const TypographyFontSize9 = 48; // 48px
export const TypographyFontSize10 = 62; // 62px
export const TypographyLineHeight1 = 1.111;
export const TypographyLineHeight2 = 1.125;
export const TypographyLineHeight3 = 1.133;
export const TypographyLineHeight4 = 1.142;
export const TypographyLineHeight5 = 1.161;
export const TypographyLineHeight6 = 1.166;
export const TypographyLineHeight7 = 1.208;
export const TypographyLineHeight8 = 1.214;
export const TypographyLineHeight9 = 1.3;
export const TypographyLineHeight10 = 1.5;
export const TypographyMarginH1Top = 40;
export const TypographyMarginH1Bottom = 20;
export const TypographyMarginH2Top = 40;
export const TypographyMarginH2Bottom = 20;
export const TypographyMarginH3Top = 28;
export const TypographyMarginH3Bottom = 16;
export const TypographyMarginH4Top = 28;
export const TypographyMarginH4Bottom = 16;
export const TypographyMarginH5Top = 20;
export const TypographyMarginH5Bottom = 12;
export const TypographyMarginH6Top = 20;
export const TypographyMarginH6Bottom = 12;
export const TypographyMarginText1Bottom = 28;
export const TypographyMarginText2Bottom = 28;
export const TypographyMarginText3Bottom = 20;
export const TypographyMarginText4Bottom = 20;
export const TypographyPrimaryH1 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 62,
  lineHeight: 1.161,
};
export const TypographyPrimaryH1Small = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 36,
  lineHeight: 1.111,
};
export const TypographyPrimaryH2 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 48,
  lineHeight: 1.125,
};
export const TypographyPrimaryH2Small = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 30,
  lineHeight: 1.133,
};
export const TypographyPrimaryH3 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 36,
  lineHeight: 1.166,
};
export const TypographyPrimaryH3Small = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 28,
  lineHeight: 1.142,
};
export const TypographyPrimaryH4 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 28,
  lineHeight: 1.142,
};
export const TypographyPrimaryH4Small = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 24,
  lineHeight: 1.208,
};
export const TypographyPrimaryH5 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 24,
  lineHeight: 1.208,
};
export const TypographyPrimaryH5Small = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 20,
  lineHeight: 1.208,
};
export const TypographyPrimaryH6 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 20,
  lineHeight: 1.3,
};
export const TypographyPrimaryH6Small = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 700,
  fontSize: 18,
  lineHeight: 1.111,
};
export const TypographySecondaryH1 = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 62,
  lineHeight: 1.161,
};
export const TypographySecondaryH1Small = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 36,
  lineHeight: 1.111,
};
export const TypographySecondaryH2 = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 48,
  lineHeight: 1.125,
};
export const TypographySecondaryH2Small = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 30,
  lineHeight: 1.133,
};
export const TypographySecondaryH3 = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 36,
  lineHeight: 1.166,
};
export const TypographySecondaryH3Small = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 28,
  lineHeight: 1.142,
};
export const TypographySecondaryH4 = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 28,
  lineHeight: 1.142,
};
export const TypographySecondaryH4Small = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 24,
  lineHeight: 1.208,
};
export const TypographySecondaryH5 = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 24,
  lineHeight: 1.208,
};
export const TypographySecondaryH5Small = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 20,
  lineHeight: 1.208,
};
export const TypographySecondaryH6 = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 20,
  lineHeight: 1.3,
};
export const TypographySecondaryH6Small = {
  fontFamily: 'Publico Headline, Georgia, serif',
  fontWeight: 700,
  fontSize: 18,
  lineHeight: 1.111,
};
export const TypographyText1 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 20,
  lineHeight: 1.5,
};
export const TypographyText2 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 18,
  lineHeight: 1.5,
};
export const TypographyText3 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 16,
  lineHeight: 1.5,
};
export const TypographyText4 = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 14,
  lineHeight: 1.214,
};
export const TypographyTextBase = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 16,
  lineHeight: 1.5,
};
export const TypographyTextSm = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 14,
  lineHeight: 1.214,
};
export const TypographyTextLg = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 18,
  lineHeight: 1.5,
};
export const TypographyTextXl = {
  fontFamily: 'Source Sans Pro, Arial, sans-serif',
  fontWeight: 400,
  fontSize: 20,
  lineHeight: 1.5,
};