{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "metadata": {
    "name": "Pelling Digital Design System",
    "version": "1.0.0",
    "source": "https://designbypelling.co.uk/",
    "auditedAt": "2026-08-12",
    "status": "extracted-and-normalised",
    "scope": ["html", "digital-assets", "images", "pdfs", "penpot"],
    "formatNote": "DTCG-shaped project tokens with two documented extensions: responsive typography uses desktop/mobile fontSize objects and gradients use directly consumable CSS strings. Transform those fields before strict DTCG import."
  },
  "color": {
    "primitive": {
      "white": { "$type": "color", "$value": "#FFFFFF" },
      "black": { "$type": "color", "$value": "#000000" },
      "charcoal": { "$type": "color", "$value": "#1D252C" },
      "navy900": { "$type": "color", "$value": "#0F2027" },
      "navy700": { "$type": "color", "$value": "#203A43" },
      "navy500": { "$type": "color", "$value": "#2C5364" },
      "cyan": { "$type": "color", "$value": "#63D7DC" },
      "teal": { "$type": "color", "$value": "#0099A8" },
      "pink": { "$type": "color", "$value": "#FF0084" },
      "purple": { "$type": "color", "$value": "#B182E0" },
      "purpleStrong": { "$type": "color", "$value": "#8E2DE2" },
      "purpleDeep": { "$type": "color", "$value": "#4A00E0" },
      "neonGreen": { "$type": "color", "$value": "#92FE9D" },
      "greenDeep": { "$type": "color", "$value": "#007C5E" },
      "red": { "$type": "color", "$value": "#C31432" },
      "wine": { "$type": "color", "$value": "#240B36" },
      "aubergine": { "$type": "color", "$value": "#33001B" },
      "blueDeep": { "$type": "color", "$value": "#000046" },
      "blueBright": { "$type": "color", "$value": "#1CB5E0" },
      "orangeRed": { "$type": "color", "$value": "#F12711" },
      "amber": { "$type": "color", "$value": "#F5AF19" },
      "grey200": { "$type": "color", "$value": "#D9D9D9" },
      "grey100": { "$type": "color", "$value": "#F4F7F8" }
    },
    "semantic": {
      "surfaceCanvas": { "$type": "color", "$value": "{color.primitive.white}" },
      "surfaceDark": { "$type": "color", "$value": "{color.primitive.charcoal}" },
      "textOnLight": { "$type": "color", "$value": "{color.primitive.charcoal}" },
      "textOnDark": { "$type": "color", "$value": "{color.primitive.white}" },
      "accentPrimary": { "$type": "color", "$value": "{color.primitive.cyan}" },
      "accentSecondary": { "$type": "color", "$value": "{color.primitive.teal}" },
      "accentPink": { "$type": "color", "$value": "{color.primitive.pink}" },
      "accentPurple": { "$type": "color", "$value": "{color.primitive.purple}" },
      "accentGreen": { "$type": "color", "$value": "{color.primitive.neonGreen}" }
    }
  },
  "gradient": {
    "pellingBlue": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, #0F2027 0.24%, #203A43 49.49%, #2C5364 99.69%)"
    },
    "purpleBlue": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, #8E2DE2 0%, #4A00E0 100%)"
    },
    "redPurple": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, #C31432 0%, #240B36 100%)"
    },
    "purplePink": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, #33001B 0%, #FF0084 100%)"
    },
    "blueLightBlue": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, #000046 0%, #1CB5E0 100%)"
    },
    "orangeYellow": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, #F12711 0%, #F5AF19 100%)"
    },
    "greenLightGreen": {
      "$type": "gradient",
      "$value": "linear-gradient(90deg, #007C5E 0%, #92FE9D 100%)"
    }
  },
  "font": {
    "family": {
      "primary": { "$type": "fontFamily", "$value": "Manrope" },
      "fallback": { "$type": "fontFamily", "$value": "Arial, sans-serif" }
    },
    "weight": {
      "light": { "$type": "fontWeight", "$value": 300 },
      "regular": { "$type": "fontWeight", "$value": 400 },
      "medium": { "$type": "fontWeight", "$value": 500 },
      "semiBold": { "$type": "fontWeight", "$value": 600 },
      "bold": { "$type": "fontWeight", "$value": 700 },
      "extraBold": { "$type": "fontWeight", "$value": 800 }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": { "desktop": 48, "mobile": 28 },
        "fontWeight": 600,
        "lineHeight": 1.2,
        "letterSpacing": 0
      }
    },
    "sectionTitle": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": { "desktop": 32, "mobile": 32 },
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": 0
      }
    },
    "featureTitle": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": { "desktop": 26, "mobile": 20 },
        "fontWeight": 500,
        "lineHeight": 1.2,
        "letterSpacing": 0
      }
    },
    "subheading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": 20,
        "fontWeight": 600,
        "lineHeight": 1.2,
        "letterSpacing": 0
      }
    },
    "bodyLarge": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": 20,
        "fontWeight": 300,
        "lineHeight": 1.5,
        "letterSpacing": 0
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": 16,
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      }
    },
    "bodySmall": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": 14,
        "fontWeight": 400,
        "lineHeight": 1.43,
        "letterSpacing": 0
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": 16,
        "fontWeight": 800,
        "lineHeight": 1.2,
        "letterSpacing": 0
      }
    },
    "navigation": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": 14,
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": 2.8,
        "textCase": "lowercase"
      }
    },
    "micro": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": 12,
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": 0
      }
    }
  },
  "spacing": {
    "0": { "$type": "spacing", "$value": "0px" },
    "1": { "$type": "spacing", "$value": "4px" },
    "2": { "$type": "spacing", "$value": "8px" },
    "3": { "$type": "spacing", "$value": "12px" },
    "4": { "$type": "spacing", "$value": "16px" },
    "5": { "$type": "spacing", "$value": "20px" },
    "6": { "$type": "spacing", "$value": "24px" },
    "8": { "$type": "spacing", "$value": "32px" },
    "9": { "$type": "spacing", "$value": "36px" },
    "10": { "$type": "spacing", "$value": "40px" },
    "12": { "$type": "spacing", "$value": "48px" },
    "16": { "$type": "spacing", "$value": "64px" },
    "18": { "$type": "spacing", "$value": "72px" },
    "20": { "$type": "spacing", "$value": "80px" },
    "24": { "$type": "spacing", "$value": "96px" },
    "36": { "$type": "spacing", "$value": "144px" },
    "sectionHalf": { "$type": "spacing", "$value": "clamp(20px, 2.5vw, 40px)" },
    "sectionStandard": { "$type": "spacing", "$value": "clamp(40px, 5vw, 80px)" },
    "sectionDouble": { "$type": "spacing", "$value": "clamp(80px, 10vw, 160px)" }
  },
  "layout": {
    "breakpoint": {
      "sm": { "$type": "dimension", "$value": "576px" },
      "md": { "$type": "dimension", "$value": "768px" },
      "lg": { "$type": "dimension", "$value": "992px" },
      "xl": { "$type": "dimension", "$value": "1200px" },
      "xxl": { "$type": "dimension", "$value": "1400px" }
    },
    "containerMax": {
      "sm": { "$type": "dimension", "$value": "540px" },
      "md": { "$type": "dimension", "$value": "720px" },
      "lg": { "$type": "dimension", "$value": "960px" },
      "xl": { "$type": "dimension", "$value": "1140px" },
      "xxl": { "$type": "dimension", "$value": "1320px" }
    },
    "desktopGutter": { "$type": "spacing", "$value": "12px" },
    "mobileGutter": { "$type": "spacing", "$value": "16px" }
  },
  "radius": {
    "none": { "$type": "borderRadius", "$value": "0px" },
    "small": { "$type": "borderRadius", "$value": "4px" },
    "button": { "$type": "borderRadius", "$value": "5px" },
    "pill": { "$type": "borderRadius", "$value": "999px" }
  },
  "motion": {
    "fast": { "$type": "duration", "$value": "200ms" },
    "standard": { "$type": "duration", "$value": "300ms" },
    "easing": { "$type": "cubicBezier", "$value": [0.4, 0, 0.2, 1] }
  },
  "brush": {
    "defaultOpacity": { "$type": "opacity", "$value": 0.25 },
    "repeat": { "$type": "string", "$value": "no-repeat" }
  }
}