@syncupsuite/themes 0.2.2 → 0.3.0

package/src/nihon-minimal/tokens.json

@@ -0,0 +1,780 @@
+{
+  "$name": "nihon-minimal",
+  "$description": "Nihon Minimal (日本のミニマル) — the refined austerity of modern Japanese design, from Muji to Naoto Fukasawa, where less is enough",
+  "$extensions": {
+    "syncupsuite.foundation": {
+      "story": "Modern Japanese minimalism synthesizes Zen Buddhist emptiness (空, kū) with industrial design precision. Kenya Hara's 'designing white,' Naoto Fukasawa's 'without thought' (無意識のデザイン), and the Muji philosophy of 'no-brand quality goods' all express the same insight: beauty emerges when you remove everything unnecessary. The palette is almost achromatic — warmth from natural materials, not color.",
+      "philosophy": "無印 (Mujirushi) — no-brand, the beauty of nothing; emptiness as fullness",
+      "era": "1980s–present",
+      "harmonyMode": "monochromatic",
+      "radiusTendency": "subtle",
+      "typographyCategory": "geometric-sans"
+    }
+  },
+  "primitive": {
+    "color": {
+      "sumi-iro": {
+        "50": {
+          "$type": "color",
+          "$value": "#F5F5F5",
+          "$description": "Sumi-iro (墨色) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#C3C2C1",
+          "$description": "Sumi-iro (墨色) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#929291",
+          "$description": "Sumi-iro (墨色) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#656463",
+          "$description": "Sumi-iro (墨色) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#3B3A39",
+          "$description": "Sumi-iro (墨色) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#151413",
+          "$description": "Sumi-iro (墨色) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Sumi-iro (墨色)",
+              "tradition": "Concentrated sumi ink — the near-black achieved when an ink stick is ground long on a suzuri stone. The default text tone in Muji packaging and Naoto Fukasawa's product design.",
+              "source": "Designing Design, Kenya Hara",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#11100F",
+          "$description": "Sumi-iro (墨色) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#0D0C0B",
+          "$description": "Sumi-iro (墨色) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#090908",
+          "$description": "Sumi-iro (墨色) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#060605",
+          "$description": "Sumi-iro (墨色) 900"
+        }
+      },
+      "kinari": {
+        "50": {
+          "$type": "color",
+          "$value": "#F6F5F3",
+          "$description": "Kinari (生成) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#F6F4F1",
+          "$description": "Kinari (生成) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#F6F3EE",
+          "$description": "Kinari (生成) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#F5F2EC",
+          "$description": "Kinari (生成) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#F5F1EA",
+          "$description": "Kinari (生成) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#F5F0E8",
+          "$description": "Kinari (生成) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Kinari (生成)",
+              "tradition": "The natural color of undyed, unbleached cotton or silk. Central to the Muji aesthetic — purity without the sterility of white.",
+              "source": "Ex-formation, Kenya Hara",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#B1ADA6",
+          "$description": "Kinari (生成) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#716E68",
+          "$description": "Kinari (生成) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#373530",
+          "$description": "Kinari (生成) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#070604",
+          "$description": "Kinari (生成) 900"
+        }
+      },
+      "hai-iro": {
+        "50": {
+          "$type": "color",
+          "$value": "#F6F5F3",
+          "$description": "Hai-iro (灰色) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#E3E1DF",
+          "$description": "Hai-iro (灰色) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#D1CECA",
+          "$description": "Hai-iro (灰色) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#BFBBB7",
+          "$description": "Hai-iro (灰色) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#ADA8A3",
+          "$description": "Hai-iro (灰色) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#9B9690",
+          "$description": "Hai-iro (灰色) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Hai-iro (灰色)",
+              "tradition": "Ash grey — the color of burned incense, weathered wood, and concrete. Japan's most versatile neutral, present in Tadao Ando's architecture.",
+              "source": "Wabi-Sabi: Further Thoughts, Leonard Koren",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#716D68",
+          "$description": "Hai-iro (灰色) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#4A4642",
+          "$description": "Hai-iro (灰色) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#262320",
+          "$description": "Hai-iro (灰色) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#070504",
+          "$description": "Hai-iro (灰色) 900"
+        }
+      },
+      "asagi": {
+        "50": {
+          "$type": "color",
+          "$value": "#ECF8F8",
+          "$description": "Asagi (浅葱) 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#CEE1E1",
+          "$description": "Asagi (浅葱) 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#B1CBCB",
+          "$description": "Asagi (浅葱) 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#94B5B5",
+          "$description": "Asagi (浅葱) 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#779F9F",
+          "$description": "Asagi (浅葱) 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#5B8A8A",
+          "$description": "Asagi (浅葱) 500",
+          "$extensions": {
+            "syncupsuite.provenance": {
+              "name": "Asagi (浅葱)",
+              "tradition": "Pale onion-skin blue-green — a restrained hint of color from nature. Used sparingly in tea ceremony utensils and Edo-period textiles as the subtlest accent.",
+              "source": "The Colors of Japan, Sadao Hibi",
+              "isSeed": true
+            }
+          }
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#3D6666",
+          "$description": "Asagi (浅葱) 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#214444",
+          "$description": "Asagi (浅葱) 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#052425",
+          "$description": "Asagi (浅葱) 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#000909",
+          "$description": "Asagi (浅葱) 900"
+        }
+      },
+      "neutral": {
+        "50": {
+          "$type": "color",
+          "$value": "#FDF7F1",
+          "$description": "Neutral 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#F3EDE8",
+          "$description": "Neutral 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#E3DDD7",
+          "$description": "Neutral 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#C9C3BD",
+          "$description": "Neutral 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#9D9792",
+          "$description": "Neutral 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#736E69",
+          "$description": "Neutral 500"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#514C47",
+          "$description": "Neutral 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#36322D",
+          "$description": "Neutral 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#1E1A16",
+          "$description": "Neutral 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#0A0704",
+          "$description": "Neutral 900"
+        }
+      },
+      "accent": {
+        "50": {
+          "$type": "color",
+          "$value": "#F9F4F0",
+          "$description": "Accent 50"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#D6CFC8",
+          "$description": "Accent 100"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#B4ABA2",
+          "$description": "Accent 200"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#94887D",
+          "$description": "Accent 300"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#74675A",
+          "$description": "Accent 400"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#564739",
+          "$description": "Accent 500"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#413428",
+          "$description": "Accent 600"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#2E2319",
+          "$description": "Accent 700"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#1B120A",
+          "$description": "Accent 800"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#0A0501",
+          "$description": "Accent 900"
+        }
+      }
+    },
+    "typography": {
+      "family": {
+        "heading": {
+          "$type": "fontFamily",
+          "$value": "\"Inter\", \"Futura\", system-ui, sans-serif",
+          "$description": "Heading font family"
+        },
+        "body": {
+          "$type": "fontFamily",
+          "$value": "\"Inter\", system-ui, sans-serif",
+          "$description": "Body font family"
+        },
+        "mono": {
+          "$type": "fontFamily",
+          "$value": "\"JetBrains Mono\", \"Fira Code\", monospace",
+          "$description": "Monospace font family"
+        }
+      },
+      "size": {
+        "xs": {
+          "$type": "dimension",
+          "$value": "0.75rem",
+          "$description": "Font size xs"
+        },
+        "sm": {
+          "$type": "dimension",
+          "$value": "0.875rem",
+          "$description": "Font size sm"
+        },
+        "base": {
+          "$type": "dimension",
+          "$value": "1rem",
+          "$description": "Font size base"
+        },
+        "lg": {
+          "$type": "dimension",
+          "$value": "1.125rem",
+          "$description": "Font size lg"
+        },
+        "xl": {
+          "$type": "dimension",
+          "$value": "1.25rem",
+          "$description": "Font size xl"
+        },
+        "2xl": {
+          "$type": "dimension",
+          "$value": "1.5rem",
+          "$description": "Font size 2xl"
+        },
+        "3xl": {
+          "$type": "dimension",
+          "$value": "1.875rem",
+          "$description": "Font size 3xl"
+        },
+        "4xl": {
+          "$type": "dimension",
+          "$value": "2.25rem",
+          "$description": "Font size 4xl"
+        }
+      },
+      "weight": {
+        "normal": {
+          "$type": "fontWeight",
+          "$value": "400",
+          "$description": "Font weight normal"
+        },
+        "medium": {
+          "$type": "fontWeight",
+          "$value": "500",
+          "$description": "Font weight medium"
+        },
+        "semibold": {
+          "$type": "fontWeight",
+          "$value": "600",
+          "$description": "Font weight semibold"
+        },
+        "bold": {
+          "$type": "fontWeight",
+          "$value": "700",
+          "$description": "Font weight bold"
+        }
+      },
+      "lineHeight": {
+        "tight": {
+          "$type": "number",
+          "$value": "1.25",
+          "$description": "Line height tight"
+        },
+        "normal": {
+          "$type": "number",
+          "$value": "1.5",
+          "$description": "Line height normal"
+        },
+        "relaxed": {
+          "$type": "number",
+          "$value": "1.75",
+          "$description": "Line height relaxed"
+        }
+      }
+    },
+    "spacing": {
+      "0": {
+        "$type": "dimension",
+        "$value": "0px",
+        "$description": "Spacing 0 (0px)"
+      },
+      "1": {
+        "$type": "dimension",
+        "$value": "4px",
+        "$description": "Spacing 1 (4px)"
+      },
+      "2": {
+        "$type": "dimension",
+        "$value": "8px",
+        "$description": "Spacing 2 (8px)"
+      },
+      "3": {
+        "$type": "dimension",
+        "$value": "12px",
+        "$description": "Spacing 3 (12px)"
+      },
+      "4": {
+        "$type": "dimension",
+        "$value": "16px",
+        "$description": "Spacing 4 (16px)"
+      },
+      "5": {
+        "$type": "dimension",
+        "$value": "20px",
+        "$description": "Spacing 5 (20px)"
+      },
+      "6": {
+        "$type": "dimension",
+        "$value": "24px",
+        "$description": "Spacing 6 (24px)"
+      },
+      "8": {
+        "$type": "dimension",
+        "$value": "32px",
+        "$description": "Spacing 8 (32px)"
+      },
+      "10": {
+        "$type": "dimension",
+        "$value": "40px",
+        "$description": "Spacing 10 (40px)"
+      },
+      "12": {
+        "$type": "dimension",
+        "$value": "48px",
+        "$description": "Spacing 12 (48px)"
+      },
+      "16": {
+        "$type": "dimension",
+        "$value": "64px",
+        "$description": "Spacing 16 (64px)"
+      },
+      "20": {
+        "$type": "dimension",
+        "$value": "80px",
+        "$description": "Spacing 20 (80px)"
+      },
+      "0.5": {
+        "$type": "dimension",
+        "$value": "2px",
+        "$description": "Spacing 0.5 (2px)"
+      },
+      "1.5": {
+        "$type": "dimension",
+        "$value": "6px",
+        "$description": "Spacing 1.5 (6px)"
+      }
+    },
+    "radius": {
+      "none": {
+        "$type": "dimension",
+        "$value": "0px",
+        "$description": "Border radius none"
+      },
+      "sm": {
+        "$type": "dimension",
+        "$value": "2px",
+        "$description": "Border radius sm"
+      },
+      "md": {
+        "$type": "dimension",
+        "$value": "4px",
+        "$description": "Border radius md"
+      },
+      "lg": {
+        "$type": "dimension",
+        "$value": "6px",
+        "$description": "Border radius lg"
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": "8px",
+        "$description": "Border radius xl"
+      },
+      "full": {
+        "$type": "dimension",
+        "$value": "9999px",
+        "$description": "Border radius full"
+      }
+    }
+  },
+  "semantic": {
+    "light": {
+      "background": {
+        "canvas": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Page background"
+        },
+        "surface": {
+          "$type": "color",
+          "$value": "#FFFFFF",
+          "$description": "Card/surface background"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.100}",
+          "$description": "Muted background"
+        }
+      },
+      "text": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Primary text"
+        },
+        "secondary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.600}",
+          "$description": "Secondary text"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Muted/disabled text"
+        },
+        "inverse": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Text on dark backgrounds"
+        }
+      },
+      "interactive": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.sumi-iro.500}",
+          "$description": "Primary interactive (buttons, links)"
+        },
+        "primary-hover": {
+          "$type": "color",
+          "$value": "{primitive.color.sumi-iro.600}",
+          "$description": "Primary interactive hover"
+        },
+        "primary-active": {
+          "$type": "color",
+          "$value": "{primitive.color.sumi-iro.700}",
+          "$description": "Primary interactive active"
+        }
+      },
+      "border": {
+        "default": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Default border"
+        },
+        "strong": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.400}",
+          "$description": "Strong border"
+        }
+      },
+      "status": {
+        "error": {
+          "$type": "color",
+          "$value": "#DC2626",
+          "$description": "Error — WCAG-compliant red"
+        },
+        "success": {
+          "$type": "color",
+          "$value": "#16A34A",
+          "$description": "Success — WCAG-compliant green"
+        },
+        "warning": {
+          "$type": "color",
+          "$value": "#A16207",
+          "$description": "Warning — WCAG AA amber (4.5:1+ on white)"
+        },
+        "info": {
+          "$type": "color",
+          "$value": "{primitive.color.sumi-iro.500}",
+          "$description": "Info status"
+        }
+      },
+      "focus": {
+        "ring": {
+          "$type": "color",
+          "$value": "{primitive.color.sumi-iro.500}",
+          "$description": "Focus ring color"
+        }
+      },
+      "accessibility": {
+        "focus-visible": {
+          "$type": "color",
+          "$value": "{primitive.color.sumi-iro.500}",
+          "$description": "Keyboard focus indicator"
+        }
+      }
+    },
+    "dark": {
+      "background": {
+        "canvas": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Page background — dark"
+        },
+        "surface": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.800}",
+          "$description": "Card/surface — dark"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.700}",
+          "$description": "Muted background — dark"
+        }
+      },
+      "text": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Primary text — dark"
+        },
+        "secondary": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.300}",
+          "$description": "Secondary text — dark"
+        },
+        "muted": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Muted text — dark"
+        },
+        "inverse": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Text on light backgrounds — dark"
+        }
+      },
+      "interactive": {
+        "primary": {
+          "$type": "color",
+          "$value": "{primitive.color.asagi.400}",
+          "$description": "Primary interactive — dark"
+        },
+        "primary-hover": {
+          "$type": "color",
+          "$value": "{primitive.color.asagi.300}",
+          "$description": "Primary hover — dark"
+        },
+        "primary-active": {
+          "$type": "color",
+          "$value": "{primitive.color.asagi.200}",
+          "$description": "Primary active — dark"
+        }
+      },
+      "border": {
+        "default": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.700}",
+          "$description": "Default border — dark"
+        },
+        "strong": {
+          "$type": "color",
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Strong border — dark"
+        }
+      },
+      "status": {
+        "error": {
+          "$type": "color",
+          "$value": "#EF4444",
+          "$description": "Error — WCAG-compliant red (dark)"
+        },
+        "success": {
+          "$type": "color",
+          "$value": "#22C55E",
+          "$description": "Success — WCAG-compliant green (dark)"
+        },
+        "warning": {
+          "$type": "color",
+          "$value": "#EAB308",
+          "$description": "Warning — WCAG-compliant amber (dark)"
+        },
+        "info": {
+          "$type": "color",
+          "$value": "{primitive.color.asagi.400}",
+          "$description": "Info — dark"
+        }
+      },
+      "focus": {
+        "ring": {
+          "$type": "color",
+          "$value": "{primitive.color.asagi.400}",
+          "$description": "Focus ring — dark"
+        }
+      },
+      "accessibility": {
+        "focus-visible": {
+          "$type": "color",
+          "$value": "{primitive.color.asagi.400}",
+          "$description": "Keyboard focus — dark"
+        }
+      }
+    }
+  }
+}