Heading

Heading is a typography component used to create various levels of hierarchies between text.

Property	Values	Default value
script	latin / han / arabic / hebrew The script of the text.	latin
classification	serif / sans serif Typography classification	sans serif
weight	light / default / heavy	default
size	xs / s / m / l / xl / xxl / xxxl	m

{
  "slug": "heading",
  "$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
  "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/heading.json",
  "title": "Heading",
  "description": "Heading is a typography component used to create various levels of hierarchies between text.",
  "meta": {
    "category": "typography",
    "documentationUrl": "https://spectrum.adobe.com/page/heading/"
  },
  "type": "object",
  "properties": {
    "script": {
      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/types/typography-script.json",
      "title": "typography-script",
      "description": "The script of the text.",
      "type": "string",
      "enum": [
        "latin",
        "han",
        "arabic",
        "hebrew"
      ],
      "default": "latin"
    },
    "classification": {
      "$id": "https://opensource.adobe.com/spectrum-design-data/schemas/types/typography-classification.json",
      "title": "typography-classification",
      "description": "Typography classification",
      "type": "string",
      "enum": [
        "serif",
        "sans serif"
      ],
      "default": "sans serif"
    },
    "weight": {
      "type": "string",
      "enum": [
        "light",
        "default",
        "heavy"
      ],
      "default": "default"
    },
    "size": {
      "type": "string",
      "enum": [
        "xs",
        "s",
        "m",
        "l",
        "xl",
        "xxl",
        "xxxl"
      ],
      "default": "m"
    }
  }
}