{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "naengmyeon",
  "name": "Naengmyeon",
  "family": "Textured",
  "origin": "Korea",
  "tagline": "Ice-cold, in a brushed-steel bowl.",
  "description": "Naengmyeon are long, chewy buckwheat noodles served in an ice-cold broth, often with a slush of ice, in a brushed stainless-steel bowl, and cut at the table with scissors. Naengmyeon is a brushed-metal system: fine brushed-steel textures, frosted edges, cool steel greys, and a crisp snip when things open.",
  "inspiration": [
    "A brushed stainless-steel bowl → fine horizontal brushed-metal texture on raised surfaces and knobs",
    "Ice slush in the broth → frosted, icy highlights and cool blue-greys",
    "Cut with scissors at the table → components open with a crisp snip from the centre",
    "Long, chewy strands → long steel rails for progress and sliders"
  ],
  "traits": {
    "mood": [
      "metallic",
      "cold",
      "industrial",
      "crisp",
      "engineered"
    ],
    "intensity": 2,
    "contrast": "medium",
    "geometry": "brushed steel panels",
    "type": "sans",
    "surface": "brushed metal",
    "motion": "crisp",
    "goodFor": [
      "hardware",
      "industrial",
      "automotive",
      "engineering"
    ],
    "lessFor": [
      "soft lifestyle"
    ],
    "density": "default"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Naengmyeon is brushed steel and ice. The noodles come ice-cold in a stainless-steel bowl and are cut with scissors at the table, so raised surfaces are brushed metal plates with a bright top rim and a dark bottom rim, fields are cold recessed steel that frost at the edge when focused, and components open with a crisp snip from the centre.",
    "principles": [
      "Brushed metal (--nm-brush over --nm-steel) on raised surfaces, knobs and thumbs.",
      "Rims, not borders: --nm-rim (bright top, dark bottom).",
      "Frost for focus and hover: an icy blue outer ring.",
      "Snip: clip-path opens from the centre (inset(0 50% 0 50%) → 0), 220ms."
    ],
    "aspects": {
      "Shape": "8px fields, 12px panels, 5–7px rectangular knobs.",
      "Surface": "Brushed steel plates; recessed cold wells for inputs, tracks and segmented controls.",
      "Colour": "Slate primary (steel gradient on default buttons), icy blue accent, cool greys.",
      "Type": "Sans at 600, slightly tracked.",
      "Motion": "naengmyeon-in: clip-path snip from the centre; blades spinner.",
      "Data": "Steel bars with rims; the highlight frosted blue."
    },
    "extend": [
      "background: var(--nm-brush), var(--nm-steel); box-shadow: var(--nm-rim), 0 1px 2px rgb(0 0 0 / .18).",
      "Recessed parts: a darker flat fill with inset 0 1px 3px shadow.",
      "Hover/focus: add var(--nm-frost) (an icy 1px ring) or a 3px pale blue halo."
    ],
    "avoid": [
      "Warm colours",
      "Soft organic shapes",
      "Glossy colour gradients"
    ],
    "recipe": "[data-noodle=\"naengmyeon\"] .tile {\n  padding: 14px 16px; border: 1px solid var(--mn-border); border-radius: 12px;\n  background: var(--nm-brush), var(--nm-steel); box-shadow: var(--nm-rim);\n}\n[data-noodle=\"naengmyeon\"] .tile:hover { box-shadow: var(--nm-rim), var(--nm-frost); }"
  },
  "psychology": {
    "temperature": "cool",
    "colours": [
      {
        "role": "Primary",
        "hex": "#334155",
        "family": "Blue",
        "depth": "deep, muted",
        "says": "Trust, competence, calm, distance. The world’s most-liked colour and the default of banks, software and social networks.",
        "use": "Finance, enterprise, health, anything that must feel safe. Links are expected to be blue.",
        "risk": "The safest choice is also the least memorable. A blue brand is told apart by its typography, shape and tone of voice, not by its blue."
      },
      {
        "role": "Accent",
        "hex": "#0369a1",
        "family": "Blue",
        "depth": "mid, saturated",
        "says": "Trust, competence, calm, distance. The world’s most-liked colour and the default of banks, software and social networks.",
        "use": "Finance, enterprise, health, anything that must feel safe. Links are expected to be blue.",
        "risk": "The safest choice is also the least memorable. A blue brand is told apart by its typography, shape and tone of voice, not by its blue."
      },
      {
        "role": "Page",
        "hex": "#eef1f4",
        "family": "Blue",
        "depth": "pale, muted",
        "says": "Trust, competence, calm, distance. The world’s most-liked colour and the default of banks, software and social networks.",
        "use": "Finance, enterprise, health, anything that must feel safe. Links are expected to be blue.",
        "risk": "The safest choice is also the least memorable. A blue brand is told apart by its typography, shape and tone of voice, not by its blue."
      }
    ],
    "relation": "Two tones of blue: harmonious and calm, with little contrast between brand and accent.",
    "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": 650,
      "summary": "One voice throughout: neutral sans. Headings are semibold, which reads as confident without shouting."
    },
    "personality": {
      "reads": [
        "metallic",
        "cold",
        "industrial",
        "crisp",
        "engineered"
      ],
      "intensity": 2,
      "dimensions": [
        "Ruggedness"
      ],
      "suits": [
        "hardware",
        "industrial",
        "automotive",
        "engineering"
      ],
      "lessFor": [
        "soft lifestyle"
      ],
      "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/naengmyeon",
  "markdownUrl": "https://mian.ro/ai/noodles/naengmyeon.md",
  "stylesheet": "https://mian.ro/dist/noodles/naengmyeon.css",
  "usage": "<html data-noodle=\"naengmyeon\">",
  "fonts": {
    "sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
    "heading": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 650,
  "radius": {
    "field": "8px",
    "box": "12px",
    "badge": "6px"
  },
  "shadow": "subtle",
  "density": "default",
  "glass": false,
  "light": {
    "bg": "#eef1f4",
    "surface": "#fbfcfd",
    "surface2": "#e2e7ec",
    "fg": "#0f172a",
    "muted": "#4a5568",
    "border": "#d3dae2",
    "input": "#aab5c2",
    "primary": "#334155",
    "primaryFg": "#ffffff",
    "secondary": "#e2e7ec",
    "secondaryFg": "#0f172a",
    "accent": "#0369a1",
    "accentFg": "#ffffff",
    "ring": "#0369a1",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#334155",
    "secondaryText": "#686e7b",
    "accentText": "#0369a1",
    "successText": "#14763b",
    "warningText": "#a74e0c",
    "dangerText": "#c32426",
    "infoText": "#0369a1",
    "link": "#334155"
  },
  "dark": {
    "bg": "#0b0e12",
    "surface": "#141920",
    "surface2": "#1d242d",
    "fg": "#e8edf3",
    "muted": "#98a4b3",
    "border": "#2a333e",
    "input": "#445061",
    "primary": "#cbd5e1",
    "primaryFg": "#0f172a",
    "secondary": "#1d242d",
    "secondaryFg": "#e8edf3",
    "accent": "#7dd3fc",
    "accentFg": "#04202e",
    "ring": "#7dd3fc",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#cbd5e1",
    "secondaryText": "#7e848c",
    "accentText": "#7dd3fc",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#cbd5e1"
  },
  "css": "[data-noodle=\"naengmyeon\"] {\n  --mn-bg: light-dark(#eef1f4, #0b0e12);\n  --mn-surface: light-dark(#fbfcfd, #141920);\n  --mn-surface-2: light-dark(#e2e7ec, #1d242d);\n  --mn-fg: light-dark(#0f172a, #e8edf3);\n  --mn-muted: light-dark(#4a5568, #98a4b3);\n  --mn-border: light-dark(#d3dae2, #2a333e);\n  --mn-input: light-dark(#aab5c2, #445061);\n  --mn-primary: light-dark(#334155, #cbd5e1);\n  --mn-primary-fg: light-dark(#ffffff, #0f172a);\n  --mn-secondary: light-dark(#e2e7ec, #1d242d);\n  --mn-secondary-fg: light-dark(#0f172a, #e8edf3);\n  --mn-accent: light-dark(#0369a1, #7dd3fc);\n  --mn-accent-fg: light-dark(#ffffff, #04202e);\n  --mn-ring: light-dark(#0369a1, #7dd3fc);\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(#334155, #cbd5e1);\n  --mn-secondary-text: light-dark(#686e7b, #7e848c);\n  --mn-accent-text: light-dark(#0369a1, #7dd3fc);\n  --mn-success-text: light-dark(#14763b, #4ade80);\n  --mn-warning-text: light-dark(#a74e0c, #fbbf24);\n  --mn-danger-text: light-dark(#c32426, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#334155, #cbd5e1);\n  --mn-font: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  --mn-font-heading: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  --mn-font-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n  --mn-heading-weight: 650;\n  --mn-radius-field: 8px;\n  --mn-radius-box: 12px;\n  --mn-radius-badge: 6px;\n  --mn-shadow-sm: 0 1px 2px rgb(0 0 0 / .05);\n  --mn-shadow-md: 0 2px 6px -1px rgb(0 0 0 / .08), 0 1px 2px rgb(0 0 0 / .04);\n  --mn-shadow-lg: 0 12px 32px -8px rgb(0 0 0 / .18), 0 4px 8px -4px rgb(0 0 0 / .08);\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: 100%;\n  --mn-backdrop: none;\n  --mn-bg-image: none;\n}\n"
}