{
  "typography": {
    "display":            { "fontFamily": "Opificio", "fontSize": "72px", "fontWeight": 700, "lineHeight": "80px", "letterSpacing": "-0.01em", "$description": "Wordmark / hero only." },
    "wordmarkSecondary":  { "fontFamily": "Manrope",  "fontSize": "20px", "fontWeight": 200, "lineHeight": "28px", "letterSpacing": "0.04em", "$description": "Secondary lockup line: 'design consultants'." },
    "headingXL":          { "fontFamily": "Manrope",  "fontSize": "32px", "fontWeight": 700, "lineHeight": "40px" },
    "headingL":           { "fontFamily": "Manrope",  "fontSize": "24px", "fontWeight": 600, "lineHeight": "32px" },
    "headingM":           { "fontFamily": "Manrope",  "fontSize": "20px", "fontWeight": 600, "lineHeight": "28px" },
    "headingS":           { "fontFamily": "Manrope",  "fontSize": "16px", "fontWeight": 600, "lineHeight": "24px" },
    "bodyL":              { "fontFamily": "Manrope",  "fontSize": "18px", "fontWeight": 400, "lineHeight": "28px" },
    "bodyM":              { "fontFamily": "Manrope",  "fontSize": "16px", "fontWeight": 400, "lineHeight": "24px" },
    "bodyS":              { "fontFamily": "Manrope",  "fontSize": "14px", "fontWeight": 400, "lineHeight": "20px" },
    "caption":            { "fontFamily": "Manrope",  "fontSize": "12px", "fontWeight": 500, "lineHeight": "16px", "letterSpacing": "0.02em" },
    "mono":               { "fontFamily": "Roboto Mono", "fontSize": "14px", "fontWeight": 400, "lineHeight": "20px" }
  }
}