# GuidelineDesignSettingsBlockTypeStyle

> Type in domain **Guidelines**

- HTML: [GuidelineDesignSettingsBlockTypeStyle.html](GuidelineDesignSettingsBlockTypeStyle.html)
- Raw SDL: [GuidelineDesignSettingsBlockTypeStyle.sdl](GuidelineDesignSettingsBlockTypeStyle.sdl)
- Covered by: [llms.txt](../llms.txt)

## Fields

- `key`: `String!` _(beta)_ — The type style key, e.g.: "heading1"
- `fontFamily`: `GuidelineDesignSettingsTypeStyleFontFamily` _(beta)_ — The font family
- `fontSize`: `String!` _(beta)_ — The size of the font, e.g.: "12px", "24pt", "2em". Supported units: px, pt, pc, in, mm, cm, em, rem, %, vw, vh
- `fontWeight`: `String!` _(beta)_ — The weight of the font, e.g. "100", "200", "300", "400", "500", "600", "700", "800", "900"
- `letterSpacing`: `String!` _(beta)_ — The horizontal spacing behavior between text characters, e.g.: "normal", "0.1em" or "10px". Supported units: "px", "em", "rem", "%"
- `lineHeight`: `String!` _(beta)_ — Line height
- `marginTop`: `String!` _(beta)_ — The top margin, e.g. "10px". Supported units: "px", "pt", "pc", "in", "mm", "cm", "em", "rem", "%", "vw", "vh"
- `marginBottom`: `String!` _(beta)_ — The bottom margin, e.g. "10px". Supported units: "px", "pt", "pc", "in", "mm", "cm", "em", "rem", "%", "vw", "vh"
- `isUppercase`: `Boolean!` _(beta)_ — Whether the text is uppercase
- `isItalic`: `Boolean!` _(beta)_ — Whether the text is italic
- `isUnderline`: `Boolean!` _(beta)_ — Whether the text is underlined
- `textColors`: `[GuidelineDesignSettingsTypeStyleTextColor]!` _(beta)_ — The colors of the text

## Reach via

Example queries that can return this type from the root `Query`.

### `brand › guidelines › designSettings › typeStyles`

```graphql
query BrandGuidelinesDesignSettingsTypeStyles {
  brand(id: "…") {
    guidelines(limit: 25, page: 1) {
      items {
        designSettings {
          typeStyles {
            ... on GuidelineDesignSettingsBlockTypeStyle {
              __typename
              fontFamily {
                name
                provider
              }
              fontSize
              fontWeight
              isItalic
              isUnderline
              isUppercase
              key
              letterSpacing
              lineHeight
              marginBottom
              marginTop
              textColors {
                color
                colorSchemeId
                isDefault
              }
            }
          }
        }
      }
    }
  }
}
```

Raw: [`BrandGuidelinesDesignSettingsTypeStyles.sdl`](../examples/BrandGuidelinesDesignSettingsTypeStyles.sdl)

### `brands › guidelines › designSettings › typeStyles`

```graphql
query BrandsGuidelinesDesignSettingsTypeStyles {
  brands {
    guidelines(limit: 25, page: 1) {
      items {
        designSettings {
          typeStyles {
            ... on GuidelineDesignSettingsBlockTypeStyle {
              __typename
              fontFamily {
                name
                provider
              }
              fontSize
              fontWeight
              isItalic
              isUnderline
              isUppercase
              key
              letterSpacing
              lineHeight
              marginBottom
              marginTop
              textColors {
                color
                colorSchemeId
                isDefault
              }
            }
          }
        }
      }
    }
  }
}
```

Raw: [`BrandsGuidelinesDesignSettingsTypeStyles.sdl`](../examples/BrandsGuidelinesDesignSettingsTypeStyles.sdl)