{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "kuzukiri",
  "name": "Kuzukiri",
  "family": "Glass",
  "origin": "Japan · Kyoto kudzu noodles",
  "tagline": "Clear glass in ice water. Black and white.",
  "description": "Kuzukiri are clear kudzu-starch noodles from Kyoto, served floating in ice water and dipped in black sugar syrup. Kuzukiri is Mian in glass: black and white, one-pixel edges and clear type, but every surface is a sheet of clear, cold glass, and the only colour is the dark syrup.",
  "inspiration": [
    "Clear noodles in ice water → clear glass sheets with a strong blur over a cool, pale backdrop",
    "Black sugar syrup → ink-black primary; a dark syrup-brown accent",
    "Kyoto restraint → the Mian rules: 1px edges, two type weights, nothing decorative",
    "Cold and still → slow, clean fades; a soft chill of blur as things appear"
  ],
  "traits": {
    "mood": [
      "glass",
      "clear",
      "monochrome",
      "cool",
      "premium"
    ],
    "intensity": 2,
    "contrast": "high",
    "geometry": "soft radius, clear panels",
    "type": "clean sans",
    "surface": "clear black-and-white glass",
    "motion": "smooth",
    "goodFor": [
      "premium apps",
      "hardware",
      "media",
      "portfolios"
    ],
    "lessFor": [
      "print-like editorial",
      "dense tables"
    ],
    "density": "default"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Kuzukiri is Mian in glass. The noodles are perfectly clear, served in ice water with black sugar syrup, so the interface keeps every Mian rule, black and white, 1px edges, two type weights, nothing decorative, but each surface is a sheet of clear, cold glass over a pale backdrop, with one bright hairline along its top edge. The only colour is the syrup.",
    "principles": [
      "Clear glass, not frosted colour: 58% white (dark: 52% night) with blur(20px).",
      "A bright top hairline and a 1px ink ring at 7% (--kz-edge) instead of borders.",
      "Ink for action: solid black buttons and selections, as in Mian.",
      "Stillness: quick, clean fades with a touch of blur."
    ],
    "aspects": {
      "Shape": "10px fields, 18px surfaces, pill badges.",
      "Surface": "Clear glass sheets with --kz-edge over a pale, cool backdrop with one soft ink shadow.",
      "Colour": "Black and white; a dark syrup-brown accent.",
      "Type": "Clean sans at 500/600, tight headings.",
      "Motion": "kuzukiri-in: 4px rise from blur(4px), 260ms.",
      "Data": "Ink for the highlight, frosted grey for the rest."
    },
    "extend": [
      "background-color: var(--kz-glass); backdrop-filter: var(--kz-blur); box-shadow: var(--kz-edge); border: 0.",
      "Selected = solid var(--mn-fg) with var(--mn-bg) text.",
      "Keep everything else exactly as Mian would."
    ],
    "avoid": [
      "Coloured glass",
      "Thick rims or lens effects",
      "Gradients on controls"
    ],
    "recipe": "[data-noodle=\"kuzukiri\"] .tile {\n  padding: 14px 16px; border: 0; border-radius: 14px;\n  background-color: var(--kz-glass); -webkit-backdrop-filter: var(--kz-blur); backdrop-filter: var(--kz-blur); box-shadow: var(--kz-edge);\n}\n[data-noodle=\"kuzukiri\"] .tile[aria-selected=\"true\"] { background: var(--mn-fg); color: var(--mn-bg); }"
  },
  "psychology": {
    "temperature": "cool",
    "colours": [
      {
        "role": "Primary",
        "hex": "#0a0a0a",
        "family": "Black and ink",
        "depth": "deep, muted",
        "says": "Authority, precision, luxury. It makes everything next to it look more deliberate.",
        "use": "Fashion, editorial, developer tools, any brand that will let its content be the colour.",
        "risk": "Pure #000 on pure #fff is harsh on long text. Soften one of the two slightly, or warm both."
      },
      {
        "role": "Accent",
        "hex": "#3b2a1e",
        "family": "Brown and terracotta",
        "depth": "deep, muted",
        "says": "Earth, craft, reliability, age. Feels made by hand and unhurried.",
        "use": "Food, coffee, leather, ceramics, heritage brands, anything artisanal.",
        "risk": "Looks dull on screens unless the neutrals around it are warm too."
      },
      {
        "role": "Page",
        "hex": "#eef0f2",
        "family": "White and paper",
        "depth": "pale, muted",
        "says": "Space, honesty, simplicity. Warm whites feel human, cool whites feel clinical.",
        "use": "Almost everything. The page colour sets the temperature of the whole brand.",
        "risk": "Empty is not the same as calm: white space needs a grid behind it."
      }
    ],
    "relation": "A neutral primary with one brown and terracotta accent: the accent means “look here” precisely because nothing else is coloured.",
    "type": {
      "body": {
        "class": "neutral",
        "name": "Neutral sans",
        "says": "Clear, modern, impartial. The voice of software and signage.",
        "use": "Interfaces, documentation, most product marketing.",
        "risk": "The same few neutral sans typefaces set every generated page. Without a distinct weight, size or pairing it reads as a template."
      },
      "heading": {
        "class": "neutral",
        "name": "Neutral sans",
        "says": "Clear, modern, impartial. The voice of software and signage.",
        "use": "Interfaces, documentation, most product marketing.",
        "risk": "The same few neutral sans typefaces set every generated page. Without a distinct weight, size or pairing it reads as a template."
      },
      "weight": 600,
      "summary": "One voice throughout: neutral sans. Headings are semibold, which reads as confident without shouting."
    },
    "personality": {
      "reads": [
        "glass",
        "clear",
        "monochrome",
        "cool",
        "premium"
      ],
      "intensity": 2,
      "dimensions": [],
      "suits": [
        "premium apps",
        "hardware",
        "media",
        "portfolios"
      ],
      "lessFor": [
        "print-like editorial",
        "dense tables"
      ],
      "tone": "Calm and clear. Short sentences, one idea each, a friendly but not chatty register."
    },
    "logo": "A simple geometric mark with slightly softened corners fits; avoid both hard spikes and full circles."
  },
  "url": "https://mian.ro/noodles/kuzukiri",
  "markdownUrl": "https://mian.ro/ai/noodles/kuzukiri.md",
  "stylesheet": "https://mian.ro/dist/noodles/kuzukiri.css",
  "usage": "<html data-noodle=\"kuzukiri\">",
  "fonts": {
    "sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "heading": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 600,
  "radius": {
    "field": "10px",
    "box": "18px",
    "badge": "999px"
  },
  "shadow": "soft",
  "density": "default",
  "glass": true,
  "light": {
    "bg": "#eef0f2",
    "surface": "#ffffff",
    "surface2": "#e6e9ec",
    "fg": "#0a0a0a",
    "muted": "#555b62",
    "border": "#dde1e5",
    "input": "#b9c0c7",
    "primary": "#0a0a0a",
    "primaryFg": "#ffffff",
    "secondary": "#e6e9ec",
    "secondaryFg": "#0a0a0a",
    "accent": "#3b2a1e",
    "accentFg": "#ffffff",
    "ring": "#0a0a0a",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#0a0a0a",
    "secondaryText": "#6b6c6d",
    "accentText": "#3b2a1e",
    "successText": "#14793a",
    "warningText": "#aa4f09",
    "dangerText": "#c72323",
    "infoText": "#0369a1",
    "link": "#0a0a0a"
  },
  "dark": {
    "bg": "#07080a",
    "surface": "#121418",
    "surface2": "#1b1e23",
    "fg": "#f1f3f5",
    "muted": "#9ba2ab",
    "border": "#262a30",
    "input": "#434a53",
    "primary": "#f1f3f5",
    "primaryFg": "#0a0a0a",
    "secondary": "#1b1e23",
    "secondaryFg": "#f1f3f5",
    "accent": "#c9a88a",
    "accentFg": "#1c120a",
    "ring": "#f1f3f5",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#f1f3f5",
    "secondaryText": "#7d8084",
    "accentText": "#c9a88a",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#f1f3f5"
  },
  "css": "[data-noodle=\"kuzukiri\"] {\n  --mn-bg: light-dark(#eef0f2, #07080a);\n  --mn-surface: light-dark(#ffffff, #121418);\n  --mn-surface-2: light-dark(#e6e9ec, #1b1e23);\n  --mn-fg: light-dark(#0a0a0a, #f1f3f5);\n  --mn-muted: light-dark(#555b62, #9ba2ab);\n  --mn-border: light-dark(#dde1e5, #262a30);\n  --mn-input: light-dark(#b9c0c7, #434a53);\n  --mn-primary: light-dark(#0a0a0a, #f1f3f5);\n  --mn-primary-fg: light-dark(#ffffff, #0a0a0a);\n  --mn-secondary: light-dark(#e6e9ec, #1b1e23);\n  --mn-secondary-fg: light-dark(#0a0a0a, #f1f3f5);\n  --mn-accent: light-dark(#3b2a1e, #c9a88a);\n  --mn-accent-fg: light-dark(#ffffff, #1c120a);\n  --mn-ring: light-dark(#0a0a0a, #f1f3f5);\n  --mn-success: light-dark(#15803d, #4ade80);\n  --mn-success-fg: light-dark(#ffffff, #052e16);\n  --mn-warning: light-dark(#b45309, #fbbf24);\n  --mn-warning-fg: light-dark(#ffffff, #1f1300);\n  --mn-danger: light-dark(#dc2626, #f87171);\n  --mn-danger-fg: light-dark(#ffffff, #210505);\n  --mn-info: light-dark(#0369a1, #38bdf8);\n  --mn-info-fg: light-dark(#ffffff, #03202d);\n  --mn-primary-text: light-dark(#0a0a0a, #f1f3f5);\n  --mn-secondary-text: light-dark(#6b6c6d, #7d8084);\n  --mn-accent-text: light-dark(#3b2a1e, #c9a88a);\n  --mn-success-text: light-dark(#14793a, #4ade80);\n  --mn-warning-text: light-dark(#aa4f09, #fbbf24);\n  --mn-danger-text: light-dark(#c72323, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#0a0a0a, #f1f3f5);\n  --mn-font: ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  --mn-font-heading: ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  --mn-font-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n  --mn-heading-weight: 600;\n  --mn-radius-field: 10px;\n  --mn-radius-box: 18px;\n  --mn-radius-badge: 999px;\n  --mn-shadow-sm: 0 1px 3px rgb(0 0 0 / .08);\n  --mn-shadow-md: 0 4px 14px -4px rgb(0 0 0 / .12), 0 2px 4px -2px rgb(0 0 0 / .06);\n  --mn-shadow-lg: 0 20px 48px -12px rgb(0 0 0 / .25), 0 8px 16px -8px rgb(0 0 0 / .10);\n  --mn-size-xs: 26px;\n  --mn-size-sm: 32px;\n  --mn-size-md: 38px;\n  --mn-size-lg: 46px;\n  --mn-text-sm: 14px;\n  --mn-surface-alpha: 72%;\n  --mn-backdrop: blur(18px) saturate(1.4);\n  --mn-bg-image: radial-gradient(600px 420px at 88% 8%, light-dark(rgb(10 10 10 / .07), rgb(255 255 255 / .06)), transparent 62%), radial-gradient(900px 600px at 5% 0%, light-dark(#dde5ee, #121a24) 0%, transparent 60%), radial-gradient(800px 600px at 100% 100%, light-dark(#e3e7ea, #15171b) 0%, transparent 60%);\n}\n"
}