# GuidelineDesignSettings

> Type in domain **Guidelines**

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

## Fields

- `typeStyles`: `[GuidelineDesignSettingsTypeStylesType]!` _(beta)_ — Type styles
- `buttonStyles`: `[GuidelineDesignSettingsButtonStyle]!` _(beta)_ — Button styles
- `listStyles`: `GuidelineDesignSettingsListStyle!` _(beta)_ — List styles
- `mainFontFamily`: `GuidelineDesignSettingsTypeStyleFontFamily!` _(beta)_ — Main Font Family
- `accentColors`: `[GuidelineDesignSettingsAccentColor]!` _(beta)_ — Accent colors
- `backgroundColors`: `[GuidelineDesignSettingsBackgroundColor]!` _(beta)_ — Background colors

## Related mutations

- [`updateGuidelineDesignSettingsMainFontFamily`](../mutation/updateGuidelineDesignSettingsMainFontFamily.md)
- [`updateGuidelineDesignSettingsTypeStyle`](../mutation/updateGuidelineDesignSettingsTypeStyle.md)
- [`updateGuidelineDesignSettingsTypeStyleColor`](../mutation/updateGuidelineDesignSettingsTypeStyleColor.md)

## Reach via

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

### `brand › guidelines › designSettings`

```graphql
query BrandGuidelinesDesignSettings {
  brand(id: "…") {
    guidelines(limit: 25, page: 1) {
      items {
        designSettings {
          __typename
          accentColors {
            key
            colors {
              color
              colorSchemeId
              isDefault
            }
          }
          backgroundColors {
            color
            colorSchemeId
            isDefault
          }
          buttonStyles {
            borderWidth
            cornerRadius
            fontSize
            fontWeight
            isItalic
            isUppercase
            defaultBackgroundColors {
              color
              colorSchemeId
              isDefault
            }
            defaultBorderColors {
              color
              colorSchemeId
              isDefault
            }
            defaultTextColors {
              color
              colorSchemeId
              isDefault
            }
            fontFamily {
              name
              provider
            }
            hoverBackgroundColors {
              color
              colorSchemeId
              isDefault
            }
          }
          listStyles {
            bulletListStyles {
              level
              shape
              size
              colors { color }
            }
            numberedListStyles {
              level
              numeral
              colors { color }
            }
          }
          mainFontFamily {
            name
            provider
          }
          typeStyles {
            __typename
            ... on GuidelineDesignSettingsBlockTypeStyle {
              fontSize
              fontWeight
              isItalic
              isUnderline
              fontFamily { name }
              textColors { color }
            }
            ... on GuidelineDesignSettingsInlineTypeStyle {
              fontSize
              fontWeight
              isItalic
              isUnderline
              fontFamily { name }
              textColors { color }
            }
          }
        }
      }
    }
  }
}
```

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

### `brands › guidelines › designSettings`

```graphql
query BrandsGuidelinesDesignSettings {
  brands {
    guidelines(limit: 25, page: 1) {
      items {
        designSettings {
          __typename
          accentColors {
            key
            colors {
              color
              colorSchemeId
              isDefault
            }
          }
          backgroundColors {
            color
            colorSchemeId
            isDefault
          }
          buttonStyles {
            borderWidth
            cornerRadius
            fontSize
            fontWeight
            isItalic
            isUppercase
            defaultBackgroundColors {
              color
              colorSchemeId
              isDefault
            }
            defaultBorderColors {
              color
              colorSchemeId
              isDefault
            }
            defaultTextColors {
              color
              colorSchemeId
              isDefault
            }
            fontFamily {
              name
              provider
            }
            hoverBackgroundColors {
              color
              colorSchemeId
              isDefault
            }
          }
          listStyles {
            bulletListStyles {
              level
              shape
              size
              colors { color }
            }
            numberedListStyles {
              level
              numeral
              colors { color }
            }
          }
          mainFontFamily {
            name
            provider
          }
          typeStyles {
            __typename
            ... on GuidelineDesignSettingsBlockTypeStyle {
              fontSize
              fontWeight
              isItalic
              isUnderline
              fontFamily { name }
              textColors { color }
            }
            ... on GuidelineDesignSettingsInlineTypeStyle {
              fontSize
              fontWeight
              isItalic
              isUnderline
              fontFamily { name }
              textColors { color }
            }
          }
        }
      }
    }
  }
}
```

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