@visual-framework/vf-design-tokens/src/typographic-scales/vf-font--sans.yml

A collection of design tokens for consumption across projects and products

props:
  - name: text-heading--1
    value:
      fontSize: 42px
      fontWeight: 700
      lineHeight: 1.547
    meta:
      friendlyName: text-heading--1
      sassMap: text-heading--1
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Headings
    id : headings

  - name: text-heading--2
    value:
      fontSize: 30px
      fontWeight: 500
      lineHeight: 1.333
    meta:
      friendlyName: text-heading--2
      sassMap: text-heading--2
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Headings
    id : headings

  - name: text-heading--3
    value:
      fontSize: 24px
      fontWeight: 500
      lineHeight: 1.333
    meta:
      friendlyName: text-heading--3
      sassMap: text-heading--3
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Headings
    id : headings

  - name: text-heading--4
    value:
      fontSize: 21px
      fontWeight: 500
      lineHeight: 1.29
    meta:
      friendlyName: text-heading--4
      sassMap: text-heading--4
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Headings
    id : headings

  - name: text-heading--5
    value:
      fontSize: 19px
      fontWeight: 500
      lineHeight: 1.5
    meta:
      friendlyName: text-heading--5
      sassMap: text-heading--5
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Headings
    id : headings


  - name: text-body--1
    value:
      fontSize: 28px
      fontWeight: 500
      lineHeight: 1.3125
    meta:
      friendlyName: text-body--1
      sassMap: text-body--1
      comment: Body texts
      pangram: "The five boxing wizards jump quickly."
    section" : Body texts
    id : bodytexts

  - name: text-body--2
    value:
      fontSize: 19px
      fontWeight: 400
      lineHeight: 1.421
    meta:
      friendlyName: text-body--2
      sassMap: text-body--2
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Body texts
    id : bodytexts

  - name: text-body--3
    value:
      fontSize: 16px
      fontWeight: 400
      lineHeight: 1.71
    meta:
      friendlyName: text-body--3
      sassMap: text-body--3
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Body texts
    id : bodytexts

  - name: text-body--4
    value:
      fontSize: 14px
      fontWeight: 500
      lineHeight: 1.57
    meta:
      friendlyName: text-body--4
      sassMap: text-body--4
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Body texts
    id : bodytexts

  - name: text-body--5
    value:
      fontSize: 14px
      fontWeight: 400
      lineHeight: 1.57
    meta:
      friendlyName: text-body--5
      sassMap: text-body--5
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Body texts
    id : bodytexts

  - name: text-body--6
    value:
      fontSize: 11px
      fontWeight: 600
      lineHeight: 1.5
    meta:
      friendlyName: text-body--6
      sassMap: text-body--6
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Body texts
    id : bodytexts


  - name: text-button--1
    value:
      fontSize: 24px
      fontWeight: 700
      lineHeight: 1
    meta:
      friendlyName: text-button--1
      sassMap: text-button--1
      comment: Buttons
      pangram: "The five boxing wizards jump quickly."
    section" : Buttons
    id : buttons

  - name: text-button--2
    value:
      fontSize: 16px
      fontWeight: 700
      lineHeight: 1
    meta:
      friendlyName: text-button--2
      sassMap: text-button--2
      comment:
      pangram: "The five boxing wizards jump quickly."
    section" : Buttons
    id : buttons

global:
  type: sans-serif
  category: font