{
  "id": "framer-canonical-light",
  "tagline": "Light Edition",
  "mode": "light",
  "physics": "flat",
  "palette": {
    "color-premium": "#bf8700",
    "color-system": "#681ed2",
    "color-success": "#006220",
    "color-error": "#a60000",
    "color-premium-light": "oklch(from var(--color-premium) calc(l * 1.25) c h)",
    "color-premium-dark": "oklch(from var(--color-premium) calc(l * 0.75) c h)",
    "color-premium-subtle": "oklch(from var(--color-premium) l c h / 0.15)",
    "color-system-light": "oklch(from var(--color-system) calc(l * 1.25) c h)",
    "color-system-dark": "oklch(from var(--color-system) calc(l * 0.75) c h)",
    "color-system-subtle": "oklch(from var(--color-system) l c h / 0.15)",
    "color-success-light": "oklch(from var(--color-success) calc(l * 1.25) c h)",
    "color-success-dark": "oklch(from var(--color-success) calc(l * 0.75) c h)",
    "color-success-subtle": "oklch(from var(--color-success) l c h / 0.15)",
    "color-error-light": "oklch(from var(--color-error) calc(l * 1.25) c h)",
    "color-error-dark": "oklch(from var(--color-error) calc(l * 0.75) c h)",
    "color-error-subtle": "oklch(from var(--color-error) l c h / 0.15)",
    "font-atmos-heading": "'Inter', sans-serif",
    "font-atmos-body": "'Inter', sans-serif",
    "bg-canvas": "#ffffff",
    "bg-spotlight": "#ffffff",
    "bg-surface": "#ffffff",
    "bg-sunk": "#f5f5f5",
    "energy-primary": "#0055FF",
    "energy-secondary": "#0099FF",
    "border-color": "rgba(0, 85, 255, 0.18)",
    "text-main": "#000000",
    "text-dim": "#404040",
    "text-mute": "#707070"
  },
  "disclaimer": "Atmospheric study inspired by Framer's publicly visible design language. Void Energy is not affiliated with, endorsed by, sponsored by, or licensed by Framer. The downloadable atmosphere file contains color, motion, and typographic-rhythm tokens only — no brand logos, marks, or proprietary assets. All trademarks are the property of their respective owners.",
  "description": "Framer's canonical marketing-light register — pure #ffffff canvas matching framer.com, with the AA-engineered Framer Deep Blue #0055FF as energy-primary (Framer publishes Deep Blue specifically as the contrast-engineered alternative to canonical Framer Blue #0099FF, which fails 3:1 on white at ~2.997:1) and canonical Framer Blue retained as energy-secondary for decorative pops. The brand profile carries the motion-first identity through chrome: back-out spring on entries, web-builder card geometry (4-12px), Inter throughout. Distinguished from figma-canonical-light (the launch slate's other design-builder register) by motion signature — Framer asserts spring physics where Figma asserts snappy tool ease — and by chromatic identity (Framer's sky-blue monochrome vs Figma's cyan + red-orange rainbow-mark).",
  "sources": [
    "https://www.framer.com",
    "https://www.framer.com/brand/",
    "https://motion.dev"
  ],
  "antiPatterns": [
    "Don't promote canonical #0099FF directly to primary on white — fails 3:1 (~2.997:1); the AA-engineered #0055FF IS Framer's documented contrast variant for white surfaces, with #0099FF as decorative secondary.",
    "Don't substitute Framer Blue with a generic sky-blue — Framer publishes #0099FF / #0055FF as canonical brand hexes; nearby blues split the brand reading from documented identity.",
    "Don't add red-orange or rainbow-mark hues — Framer's identity is monochrome-plus-sky-blue, not a rainbow-mark like Figma; introducing competing chromatic accents drifts toward figma-canonical's register."
  ],
  "brand": {
    "id": "framer",
    "name": "Framer",
    "radii": {
      "sm": "4px",
      "md": "6px",
      "lg": "10px",
      "xl": "12px"
    },
    "motion": {
      "speedFast": 150,
      "speedBase": 240,
      "easeSpringBounce": "cubic-bezier(0.34, 1.56, 0.64, 1)"
    },
    "typography": {
      "weightHeading": 600
    },
    "fonts": {
      "heading": {
        "family": "Inter"
      },
      "body": {
        "family": "Inter"
      }
    }
  }
}