---
name: Carbon Signal
theme: dark-analytics
version: "1.0"
colors:
  primary: "#080c14"
  surface: "#0f1522"
  surface-2: "#141b2d"
  accent: "#2563eb"
  text: "#f0eeea"
  muted: "#64748b"
fonts:
  display: "Outfit"
  body: "DM Sans"
  mono: "JetBrains Mono"
spacing:
  base: 4px
  scale: [4, 8, 12, 16, 24, 32, 48, 64, 80, 120]
radius:
  sm: 6px
  md: 10px
  lg: 16px
  xl: 20px
components:
  - Buttons
  - Badges
  - Cards
  - Form Inputs
  - Stat Block
  - Section Header
  - Marquee Strip
  - Sticky Stack Panels
  - Process Steps
  - Testimonials
agent_rules:
  - "Backgrounds: --bg for page, --surface for elevated sections, --surface-2 for nested cards"
  - "Accent color (#2563eb) only for interactive elements, data highlights, and CTAs"
  - "Use border over shadow for separation — no drop shadows on cards"
  - "Typography: Outfit (font-display) for all headings, DM Sans (font-body) for body text"
  - "Never use centered hero layout — always asymmetric split or left-aligned"
  - "Stats: always use organic numbers (+147%, 3.2×, 94 clients) — never round/fake"
  - "Hero animation: canvas particle network (pure JS, no libs)"
  - "Sticky scroll stack: position:sticky + z-index cascade for service panels"
full-kit: "stacklift.design/kits/carbon-signal"
---

# Carbon Signal — Design System

Drop this file at your repo root. Your AI agent reads it automatically.