{
  "$description": "Shopify brand tokens from unfairly.ai/brand-guidelines/shopify, checked 2026-10-29. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.008,
          0.035,
          0.039
        ],
        "hex": "#02090a"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.024,
          0.102,
          0.11
        ],
        "hex": "#061a1c"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.592,
          0.592,
          0.635
        ],
        "hex": "#9797a2"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.212,
          0.957,
          0.643
        ],
        "hex": "#36f4a4"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "shopify-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.584,
          0.749,
          0.278
        ],
        "hex": "#95bf47"
      }
    },
    "shopify-dark-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.369,
          0.557,
          0.243
        ],
        "hex": "#5e8e3e"
      }
    },
    "page-black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.008,
          0.035,
          0.039
        ],
        "hex": "#02090a"
      }
    },
    "footer-black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "teal-card": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.024,
          0.102,
          0.11
        ],
        "hex": "#061a1c"
      }
    },
    "teal-card-glow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.051,
          0.227,
          0.176
        ],
        "hex": "#0d3a2d"
      }
    },
    "card-hairline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.173,
          0.192
        ],
        "hex": "#1e2c31"
      }
    },
    "glow-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.082,
          0.439,
          0.463
        ],
        "hex": "#157076"
      }
    },
    "statement-dim": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.443,
          0.443,
          0.478
        ],
        "hex": "#71717a"
      }
    },
    "muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.592,
          0.592,
          0.635
        ],
        "hex": "#9797a2"
      }
    },
    "muted-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.616,
          0.671,
          0.678
        ],
        "hex": "#9dabad"
      }
    },
    "muted-lavender": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.741,
          0.741,
          0.792
        ],
        "hex": "#bdbdca"
      }
    },
    "muted-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6,
          0.702,
          0.678
        ],
        "hex": "#99b3ad"
      }
    },
    "footer-link": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.631,
          0.631,
          0.667
        ],
        "hex": "#a1a1aa"
      }
    },
    "locale-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.878,
          0.878,
          0.878
        ],
        "hex": "#e0e0e0"
      }
    },
    "hover-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.831,
          0.831,
          0.847
        ],
        "hex": "#d4d4d8"
      }
    },
    "mint": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.212,
          0.957,
          0.643
        ],
        "hex": "#36f4a4"
      }
    },
    "sidekick-purple": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.173,
          0,
          0.498
        ],
        "hex": "#2c007f"
      }
    },
    "navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.039,
          0.114
        ],
        "hex": "#000a1d"
      }
    },
    "apps-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.039,
          0.118
        ],
        "hex": "#000a1e"
      }
    },
    "sidekick-card": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.008,
          0.039,
          0.031
        ],
        "hex": "#020a08"
      }
    },
    "dev-card": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.004,
          0.024,
          0.141
        ],
        "hex": "#010624"
      }
    },
    "dev-blue-glow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.376,
          1
        ],
        "hex": "#1260ff"
      }
    },
    "terminal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.024,
          0.024,
          0.027
        ],
        "hex": "#060607"
      }
    },
    "deep-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.118,
          0.094
        ],
        "hex": "#041e18"
      }
    },
    "green-hairline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.067,
          0.208,
          0.176
        ],
        "hex": "#11352d"
      }
    },
    "quote-card": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.027,
          0.153,
          0.125
        ],
        "hex": "#072720"
      }
    },
    "quote-border": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.075,
          0.231,
          0.196
        ],
        "hex": "#133b32"
      }
    },
    "chip-black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.063,
          0.063,
          0.063
        ],
        "hex": "#101010"
      }
    },
    "build-grey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.247,
          0.247,
          0.294
        ],
        "hex": "#3f3f4b"
      }
    },
    "footer-rule": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.11,
          0.118
        ],
        "hex": "#121c1e"
      }
    },
    "gradient-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.373,
          0.835,
          0.714
        ],
        "hex": "#5fd5b6"
      }
    },
    "gradient-violet": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.525,
          0.361,
          1
        ],
        "hex": "#865cff"
      }
    },
    "graphite-base": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.035,
          0.039
        ],
        "hex": "#09090a"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "button-outline-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-outline-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-nav-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-nav-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "nav-edition-pill-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "nav-edition-pill-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "feature-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.024,
          0.102,
          0.11
        ],
        "hex": "#061a1c"
      }
    },
    "stat-chip-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.063,
          0.063,
          0.063
        ],
        "hex": "#101010"
      }
    },
    "quote-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.027,
          0.153,
          0.125
        ],
        "hex": "#072720"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "system-ui",
        "-apple-system",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "Shopify-Inter"
      ],
      "$description": "Shopify's own face (Shopify's own build of Inter, served from cdn.shopify.com; its licence is not published (Inter itself is SIL OFL)). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "system-ui",
        "-apple-system",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Shopify-Inter"
      ],
      "$description": "Shopify's own face (Shopify's own build of Inter; licence not published). The stand-in above is the open alternative."
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "monospace"
      ]
    },
    "mono-original": {
      "$type": "fontFamily",
      "$value": [
        "ui-monospace"
      ],
      "$description": "Shopify's own face (the reader's system font). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "hero-display-h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 96,
          "unit": "px"
        },
        "fontWeight": 300,
        "lineHeight": 1.08,
        "letterSpacing": {
          "value": -1.92,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 56,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "statement-headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "fontWeight": 330,
        "lineHeight": 1,
        "letterSpacing": {
          "value": -1.68,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 36,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "section-headline-h2-h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "fontWeight": 330,
        "lineHeight": 1.08,
        "letterSpacing": {
          "value": -1.68,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 36,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "closing-headline-centered-h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 64,
          "unit": "px"
        },
        "fontWeight": 330,
        "lineHeight": 1.08,
        "letterSpacing": {
          "value": -1.28,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 44,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "feature-headline-h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 44,
          "unit": "px"
        },
        "fontWeight": 330,
        "lineHeight": 1.1,
        "letterSpacing": {
          "value": -0.44,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 30,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "stat-number": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 96,
          "unit": "px"
        },
        "fontWeight": 300,
        "lineHeight": 0.96,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 56,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "pull-quote": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 34,
          "unit": "px"
        },
        "fontWeight": 330,
        "lineHeight": 1.14,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 26,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "hero-lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": -0.48,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "card-title-h4": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "body-large": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "body-small": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 420,
        "lineHeight": 1.37,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 550,
        "lineHeight": 1.56,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "nav-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 420,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "footer-heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 450,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "footer-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    },
    "mono-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.mono}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.33,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "JetBrains Mono",
          "provenance": "observed"
        }
      }
    },
    "step-number": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Inter",
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 90,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 128,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1260,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 72,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-outline": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-nav": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "nav-edition-pill": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "feature-card": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "media-card": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "stat-chip": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "quote-card": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "dev-chip": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    }
  },
  "motion": {
    "control-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.4,
        0,
        0.2,
        1
      ]
    },
    "control-duration": {
      "$type": "duration",
      "$value": {
        "value": 150,
        "unit": "ms"
      }
    },
    "link-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.4,
        0,
        0.2,
        1
      ]
    },
    "link-duration": {
      "$type": "duration",
      "$value": {
        "value": 200,
        "unit": "ms"
      }
    }
  }
}