{
  "id": "1042d70a-41fb-4df8-88e4-cbbf9f90fdfe",
  "name": "reef",
  "aliases": [
    "clash-display-archivo-fontshare"
  ],
  "type": "astrotypes:pairing",
  "title": "Clash Display + Archivo - clash-display + archivo-fontshare",
  "description": "Official pairing from Fontshare Pairs — Clash Display with Archivo. https://www.fontshare.com/pairs",
  "category": "sans-serif",
  "fonts": {
    "heading": "clash-display",
    "body": "archivo-fontshare"
  },
  "tokens": {
    "--font-heading": "var(--font-clash-display)",
    "--font-body": "var(--font-archivo-fontshare)"
  },
  "typography": {
    "h1": {
      "font-size": "2.25rem",
      "line-height": "1.2",
      "letter-spacing": "-0.02em",
      "font-weight": "700"
    },
    "h2": {
      "font-size": "1.875rem",
      "line-height": "1.25",
      "letter-spacing": "-0.015em",
      "font-weight": "600"
    },
    "h3": {
      "font-size": "1.5rem",
      "line-height": "1.3",
      "letter-spacing": "-0.01em",
      "font-weight": "600"
    },
    "body": {
      "font-size": "1rem",
      "line-height": "1.65",
      "font-weight": "400"
    }
  },
  "css": {
    ":root": {
      "--font-heading": "var(--font-clash-display)",
      "--font-body": "var(--font-archivo-fontshare)"
    },
    "h1, h2, h3, h4, h5, h6": {
      "font-family": "var(--font-heading)"
    },
    "body, p": {
      "font-family": "var(--font-body)"
    }
  },
  "meta": {
    "source": "fontshare-pairs",
    "mood": [
      "clean"
    ],
    "useCase": [
      "web",
      "branding"
    ],
    "preview": "The Queen’s Platinum Jubilee Celebrations"
  }
}