{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "name": "Creative Yadley",
  "version": "2.4.0",
  "logo": {
    "composition": {
      "$value": "emblem + live text (wordmark and optional tagline)",
      "$type": "string",
      "$description": "Never a bitmap wordmark. The name is type, the emblem is artwork."
    },
    "onDark": {
      "$value": "logo-on-dark.png",
      "$type": "file",
      "$description": "Light artwork for dark surfaces. Transparent ground, never on a white plate."
    },
    "onLight": {
      "$value": "logo-on-light.png",
      "$type": "file",
      "$description": "Dark artwork for light surfaces."
    },
    "favicon": {
      "$value": "Favicon.svg",
      "$type": "file"
    },
    "tagline": {
      "$value": "Big Ideas. Beautifully Built.",
      "$type": "string",
      "$description": "Optional supporting line. Never without the wordmark, never above 600 weight."
    },
    "wordmarkFont": {
      "$value": "Plus Jakarta Sans",
      "$type": "string"
    },
    "sizes": {
      "rail": {
        "$value": "44px",
        "$type": "dimension"
      },
      "document": {
        "$value": "48px",
        "$type": "dimension"
      },
      "email": {
        "$value": "40px",
        "$type": "dimension"
      },
      "minimum": {
        "$value": "24px",
        "$type": "dimension"
      }
    }
  },
  "color": {
    "brand": {
      "obsidian": {
        "$value": "#08090B",
        "$type": "color"
      },
      "surfaceDeep": {
        "$value": "#111317",
        "$type": "color"
      },
      "surfaceStructural": {
        "$value": "#16191F",
        "$type": "color"
      },
      "surfaceHover": {
        "$value": "#1E222A",
        "$type": "color"
      },
      "railDark": {
        "$value": "#0D0F14",
        "$type": "color"
      },
      "canvasWarm": {
        "$value": "#F4F5F2",
        "$type": "color"
      },
      "lime": {
        "$value": "#AFE139",
        "$type": "color"
      },
      "limeHoverDark": {
        "$value": "#C4F052",
        "$type": "color"
      },
      "limeHoverLight": {
        "$value": "#9ED128",
        "$type": "color"
      },
      "limeGlow": {
        "$value": "rgba(175, 225, 57, 0.45)",
        "$type": "color"
      },
      "white": {
        "$value": "#FFFFFF",
        "$type": "color"
      },
      "slate": {
        "$value": "#5E6463",
        "$type": "color"
      },
      "silver": {
        "$value": "#C4C6C1",
        "$type": "color"
      },
      "borderHairlineDark": {
        "$value": "rgba(255, 255, 255, 0.11)",
        "$type": "color"
      },
      "borderStrongDark": {
        "$value": "rgba(255, 255, 255, 0.22)",
        "$type": "color"
      },
      "borderLimeDark": {
        "$value": "rgba(175, 225, 57, 0.24)",
        "$type": "color"
      },
      "borderHairlineLight": {
        "$value": "#D2D6D0",
        "$type": "color"
      },
      "borderStrongLight": {
        "$value": "#C6CBC4",
        "$type": "color"
      },
      "borderLimeLight": {
        "$value": "rgba(175, 225, 57, 0.5)",
        "$type": "color"
      }
    },
    "status": {
      "success": {
        "$value": "#16865B",
        "lightBg": "#E8F5EE",
        "darkBg": "#123B2B",
        "textLight": "#16865B",
        "textDark": "#4ADE80",
        "border": "rgba(22, 134, 91, 0.35)",
        "icon": "check-circle",
        "$type": "color"
      },
      "warning": {
        "$value": "#D99A24",
        "lightBg": "#FFF4D6",
        "darkBg": "#422F12",
        "textLight": "#B47B10",
        "textDark": "#FBBF24",
        "border": "rgba(217, 154, 36, 0.35)",
        "icon": "clock",
        "$type": "color"
      },
      "danger": {
        "$value": "#C43D4D",
        "lightBg": "#FCEBED",
        "darkBg": "#431C24",
        "textLight": "#C43D4D",
        "textDark": "#F87171",
        "border": "rgba(196, 61, 77, 0.35)",
        "icon": "alert-circle",
        "$type": "color"
      },
      "info": {
        "$value": "#2563A6",
        "lightBg": "#EAF2FC",
        "darkBg": "#172D49",
        "textLight": "#2563A6",
        "textDark": "#60A5FA",
        "border": "rgba(37, 99, 166, 0.35)",
        "icon": "calendar-check",
        "$type": "color"
      },
      "inProgress": {
        "$value": "#7653B5",
        "lightBg": "#F1ECFA",
        "darkBg": "#2C2144",
        "textLight": "#7653B5",
        "textDark": "#A78BFA",
        "border": "rgba(118, 83, 181, 0.35)",
        "icon": "loader-circle",
        "$type": "color"
      },
      "neutral": {
        "$value": "#64706D",
        "lightBg": "#EEF0EF",
        "darkBg": "#2C3231",
        "textLight": "#64706D",
        "textDark": "#9CA3AF",
        "border": "rgba(100, 112, 109, 0.35)",
        "icon": "ban",
        "$type": "color"
      }
    }
  },
  "font": {
    "display": {
      "$value": "'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif",
      "$type": "fontFamily"
    },
    "sans": {
      "$value": "'Nunito Sans', system-ui, -apple-system, sans-serif",
      "$type": "fontFamily"
    },
    "mono": {
      "$value": "'JetBrains Mono', ui-monospace, SFMono-Regular, monospace",
      "$type": "fontFamily"
    },
    "weight": {
      "regular": {
        "$value": 400,
        "$type": "fontWeight"
      },
      "medium": {
        "$value": 500,
        "$type": "fontWeight"
      },
      "semibold": {
        "$value": 600,
        "$type": "fontWeight"
      },
      "bold": {
        "$value": 700,
        "$type": "fontWeight"
      }
    }
  },
  "layout": {
    "railWidth": {
      "$value": "256px",
      "$type": "dimension"
    },
    "railBgDark": {
      "$value": "#0D0F14",
      "$type": "color"
    },
    "railBgLight": {
      "$value": "#FFFFFF",
      "$type": "color"
    },
    "contentMax": {
      "$value": "1200px",
      "$type": "dimension"
    }
  },
  "space": {
    "1": {
      "$value": "4px",
      "$type": "dimension"
    },
    "2": {
      "$value": "8px",
      "$type": "dimension"
    },
    "3": {
      "$value": "12px",
      "$type": "dimension"
    },
    "4": {
      "$value": "16px",
      "$type": "dimension"
    },
    "5": {
      "$value": "20px",
      "$type": "dimension"
    },
    "6": {
      "$value": "24px",
      "$type": "dimension"
    },
    "8": {
      "$value": "32px",
      "$type": "dimension"
    },
    "10": {
      "$value": "40px",
      "$type": "dimension"
    },
    "12": {
      "$value": "48px",
      "$type": "dimension"
    },
    "16": {
      "$value": "64px",
      "$type": "dimension"
    },
    "20": {
      "$value": "80px",
      "$type": "dimension"
    },
    "24": {
      "$value": "96px",
      "$type": "dimension"
    }
  },
  "radius": {
    "sm": {
      "$value": "8px",
      "$type": "dimension"
    },
    "md": {
      "$value": "12px",
      "$type": "dimension"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension"
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension"
    },
    "pill": {
      "$value": "999px",
      "$type": "dimension"
    }
  },
  "motion": {
    "fast": {
      "$value": "140ms",
      "$type": "duration"
    },
    "normal": {
      "$value": "220ms",
      "$type": "duration"
    },
    "slow": {
      "$value": "360ms",
      "$type": "duration"
    },
    "easeOut": {
      "$value": "cubic-bezier(0.16, 1, 0.3, 1)",
      "$type": "cubicBezier"
    }
  },
  "semantic": {
    "description": "Semantic colors are defined in theme-dark.css and theme-light.css. Consume --cy-* semantic CSS variables in application components."
  },
  "typography": {
    "body": {
      "size": "18px",
      "lineHeight": 1.55,
      "weight": 400
    },
    "intro": {
      "size": "21px",
      "lineHeight": 1.381,
      "weight": 400,
      "letterSpacing": "0.011em"
    },
    "compact": {
      "size": "16px",
      "lineHeight": 1.5
    },
    "caption": {
      "size": "14px",
      "lineHeight": 1.45
    },
    "micro": {
      "size": "12px",
      "lineHeight": 1.4
    }
  },
  "borderWidth": {
    "default": {
      "$value": "1px",
      "$type": "dimension"
    },
    "emphasis": {
      "$value": "2px",
      "$type": "dimension"
    },
    "focus": {
      "$value": "3px",
      "$type": "dimension"
    }
  },
  "iconography": {
    "family": "Phosphor Icons / Lucide",
    "weight": "Regular",
    "defaultSize": "24px",
    "compactSize": "16px",
    "strokeGuidance": "1.5–1.75px at 24px optical size; prefer consistent regular line icons"
  },
  "componentRules": {
    "badge": {
      "fontSize": "14px",
      "fontWeight": 400,
      "radius": "999px"
    },
    "button": {
      "radius": "999px",
      "labelStyle": "Descriptive action verbs (e.g. Contact Us, Save Changes)"
    },
    "singleLineInput": {
      "minHeight": "52px",
      "radius": "999px",
      "paddingHorizontal": "24px"
    },
    "navigationRail": {
      "width": "256px",
      "activeIndicator": "Solid lime pill with lime action glow"
    },
    "otherSurfaces": {
      "radius": "8–24px",
      "noPillOnCards": true
    },
    "background": {
      "gridStyle": "Refined low-contrast 40px grid at 2% opacity, used selectively"
    },
    "glow": {
      "lighting": "Neutral-first atmospheric lighting, lime glow used for active navigation and primary actions"
    }
  },
  "email": {
    "version": "1.0",
    "canvas": {
      "width": "600px",
      "page": "#ECEEE9",
      "surface": "#FFFFFF",
      "outerPadding": "24px 12px",
      "bodyPadding": "40px",
      "mobileBodyPadding": "24px",
      "radius": "16px"
    },
    "masthead": {
      "background": "#08090B",
      "padding": "26px 40px",
      "logoLight": "181x56",
      "accentRule": "3px solid #AFE139"
    },
    "hero": {
      "width": "600px",
      "height": "260px",
      "source": "1200x520",
      "position": "below masthead and lime rule"
    },
    "typography": {
      "display": "Plus Jakarta Sans",
      "body": "15px/1.6",
      "data": "JetBrains Mono",
      "h1": "26px/1.22",
      "h1Mobile": "23px/1.25",
      "lead": "17px/1.55",
      "eyebrow": "12px/1.4",
      "footerLegal": "11px/1.6"
    },
    "cta": {
      "background": "#AFE139",
      "text": "#0B0D0E",
      "padding": "18px 34px",
      "spaceBefore": "24px",
      "spaceAfter": "28px",
      "radius": "999px",
      "labelCase": "Action Case",
      "minHeight": "44px",
      "mobile": "full-width"
    },
    "links": {
      "onDark": "#AFE139",
      "onLight": "#08090B text with #AFE139 underline",
      "underline": "required"
    },
    "colors": {
      "obsidian": "#08090B",
      "ink": "#08090B",
      "body": "#434745",
      "muted": "#5E6463",
      "hairline": "#D2D6D0",
      "panel": "#F4F5F2",
      "page": "#ECEEE9",
      "white": "#FFFFFF",
      "lime": "#AFE139",
      "limeInk": "#0B0D0E",
      "silver": "#C4C6C1"
    },
    "casing": {
      "titles": "Title Case",
      "buttons": "Action Case - capitalise every word",
      "body": "Sentence case"
    },
    "rules": {
      "oneAction": true,
      "heroRequired": true,
      "whiteLogoOnObsidianOnly": true
    }
  }
}