---
title: CheckoutBrandingDesignSystem - GraphQL Admin
description: >-
  The design system allows you to set values that represent specific attributes

  of your brand like color and font. These attributes are used throughout the
  user

  interface. This brings consistency and allows you to easily make broad design
  changes.
api_version: 2026-10
source_url:
  html: >-
    https://shopify.dev/docs/api/admin-graphql/latest/objects/CheckoutBrandingDesignSystem
  md: >-
    https://shopify.dev/docs/api/admin-graphql/latest/objects/CheckoutBrandingDesignSystem.md
api_name: admin
api_type: graphql
type: object
---

# Checkout​Branding​Design​System

object

Requires access to checkout branding settings and the shop must be on a Plus plan or a Development store plan.

The design system allows you to set values that represent specific attributes of your brand like color and font. These attributes are used throughout the user interface. This brings consistency and allows you to easily make broad design changes.

## Fields

* colors

  [Checkout​Branding​Colors](https://shopify.dev/docs/api/admin-graphql/latest/objects/CheckoutBrandingColors)

  The color settings for global colors and color schemes.

* corner​Radius

  [Checkout​Branding​Corner​Radius​Variables](https://shopify.dev/docs/api/admin-graphql/latest/objects/CheckoutBrandingCornerRadiusVariables)

  The corner radius variables.

* typography

  [Checkout​Branding​Typography](https://shopify.dev/docs/api/admin-graphql/latest/objects/CheckoutBrandingTypography)

  The typography.

***

## Map

### Fields with this object

* [CheckoutBranding.designSystem](https://shopify.dev/docs/api/admin-graphql/latest/objects/CheckoutBranding#field-CheckoutBranding.fields.designSystem)