{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "daoxiao",
  "name": "Daoxiao",
  "family": "Textured",
  "origin": "China · Shanxi",
  "tagline": "Shaved from the block. Rough-hewn.",
  "description": "Daoxiao mian, knife-shaved noodles, are shaved straight from a block of dough into boiling water, each one thick in the middle and thin at the edges like a willow leaf, with a ridged, hand-cut surface. Daoxiao is a carved system: shaved-stroke textures, ridged bevels, willow-leaf shapes and quick flicking motion.",
  "inspiration": [
    "Shaved from a block with a curved blade → diagonal shaved-stroke texture on surfaces",
    "Thick in the middle, thin at the edges → controls with a raised ridge down the middle and tapered ends",
    "Willow-leaf shape → leaf-cut corners on buttons, tabs and badges",
    "Flicked into the pot → a quick flick-in motion from the top right"
  ],
  "traits": {
    "mood": [
      "rough",
      "hand-made",
      "rugged",
      "crafted",
      "honest"
    ],
    "intensity": 3,
    "contrast": "medium",
    "geometry": "shaved, uneven edges",
    "type": "sturdy sans",
    "surface": "rough-hewn",
    "motion": "chunky",
    "goodFor": [
      "craft brands",
      "outdoor",
      "food",
      "workshops"
    ],
    "lessFor": [
      "fintech",
      "precise tools"
    ],
    "density": "default"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Daoxiao is carved. Knife-shaved noodles are cut off a block with a curved blade, each thick in the middle and thin at the edges like a willow leaf, with a ridged surface. The interface carries a fine diagonal shaved-stroke texture, controls have a raised ridge down their middle, shapes are willow leaves (two round corners, two sharp), and things flick into place from the top right.",
    "principles": [
      "Shaved texture (--dx-shave) on surfaces, tracks and headers.",
      "The ridge: a vertical light-to-dark gradient (--dx-ridge) on raised controls, plus a 2px carved bottom edge.",
      "Willow-leaf corners: 18px 4px 18px 4px (small: 10px 3px).",
      "A quick flick: translate from the top right with a slight rotation, 220ms, small overshoot."
    ],
    "aspects": {
      "Shape": "Leaf radii on buttons, fields, cards, tabs and badges; a spinning leaf spinner.",
      "Surface": "Dough-cream with a shaved texture; a 2px carved edge and a warm soft shadow.",
      "Colour": "Vinegar-red primary, roasted-brown accent, dough neutrals.",
      "Type": "Sans at 650–750.",
      "Motion": "daoxiao-in: translate(10px,-8px) rotate(2deg) → 0; hover tilts −0.5°.",
      "Data": "Leaf-topped bars with a ridge; thick lines."
    },
    "extend": [
      "border-radius: var(--dx-leaf) (or --dx-leaf-sm); background-image: var(--dx-shave) on surfaces, var(--dx-ridge) on controls.",
      "Add box-shadow: 0 2px 0 var(--mn-border) as the carved edge.",
      "Hover: translateY(-1px) rotate(-.5deg)."
    ],
    "avoid": [
      "Symmetric uniform radii",
      "Glossy glass",
      "Perfectly smooth flat fills"
    ],
    "recipe": "[data-noodle=\"daoxiao\"] .tile {\n  padding: 14px 16px; border: 1px solid var(--mn-border); border-radius: var(--dx-leaf);\n  background: var(--mn-surface) var(--dx-shave); box-shadow: 0 2px 0 var(--mn-border);\n  transition: transform 150ms cubic-bezier(.2, .9, .3, 1.15);\n}\n[data-noodle=\"daoxiao\"] .tile:hover { transform: translateY(-1px) rotate(-.5deg); }\n[data-noodle=\"daoxiao\"] .tile[aria-selected=\"true\"] { background-image: var(--dx-ridge), var(--dx-shave); border-color: var(--mn-primary); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#7f1d1d",
        "family": "Red",
        "depth": "mid",
        "says": "Urgency, energy, appetite, danger. It raises attention faster than any other hue and reads as the most forceful.",
        "use": "One action that must be seen, sale and limited-time states, food, sport, entertainment.",
        "risk": "It is also the colour of errors. A red primary button next to a red error message makes both ambiguous, so pair a red brand with a distinct danger treatment (icon and words)."
      },
      {
        "role": "Accent",
        "hex": "#8a5a12",
        "family": "Brown and terracotta",
        "depth": "mid, saturated",
        "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": "#f6f0e4",
        "family": "Brown and terracotta",
        "depth": "pale",
        "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."
      }
    ],
    "relation": "Red with its neighbour brown and terracotta: an analogous pair, harmonious and natural.",
    "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": 750,
      "summary": "One voice throughout: neutral sans. Headings are heavy, which reads as loud and direct."
    },
    "personality": {
      "reads": [
        "rough",
        "hand-made",
        "rugged",
        "crafted",
        "honest"
      ],
      "intensity": 3,
      "dimensions": [
        "Ruggedness"
      ],
      "suits": [
        "craft brands",
        "outdoor",
        "food",
        "workshops"
      ],
      "lessFor": [
        "fintech",
        "precise tools"
      ],
      "tone": "Lively. A point of view in the headline, concrete verbs, a little humour where it is true."
    },
    "logo": "A simple geometric mark with slightly softened corners fits; avoid both hard spikes and full circles."
  },
  "url": "https://mian.ro/noodles/daoxiao",
  "markdownUrl": "https://mian.ro/ai/noodles/daoxiao.md",
  "stylesheet": "https://mian.ro/dist/noodles/daoxiao.css",
  "usage": "<html data-noodle=\"daoxiao\">",
  "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": 750,
  "radius": {
    "field": "6px",
    "box": "10px",
    "badge": "4px"
  },
  "shadow": "subtle",
  "density": "default",
  "glass": false,
  "light": {
    "bg": "#f6f0e4",
    "surface": "#fffaf1",
    "surface2": "#ece2cf",
    "fg": "#231c12",
    "muted": "#665a47",
    "border": "#dfd2ba",
    "input": "#c2b193",
    "primary": "#7f1d1d",
    "primaryFg": "#ffffff",
    "secondary": "#ece2cf",
    "secondaryFg": "#231c12",
    "accent": "#8a5a12",
    "accentFg": "#ffffff",
    "ring": "#7f1d1d",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#7f1d1d",
    "secondaryText": "#736b5e",
    "accentText": "#8a5a12",
    "successText": "#167639",
    "warningText": "#a64e0a",
    "dangerText": "#c22523",
    "infoText": "#0369a1",
    "link": "#7f1d1d"
  },
  "dark": {
    "bg": "#15110b",
    "surface": "#1e1911",
    "surface2": "#2a231a",
    "fg": "#f4ecdd",
    "muted": "#b0a28a",
    "border": "#3a3124",
    "input": "#574a36",
    "primary": "#f5a3a3",
    "primaryFg": "#2a0707",
    "secondary": "#2a231a",
    "secondaryFg": "#f4ecdd",
    "accent": "#e5b867",
    "accentFg": "#261a04",
    "ring": "#f5a3a3",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#f5a3a3",
    "secondaryText": "#8b8378",
    "accentText": "#e5b867",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#f5a3a3"
  },
  "css": "[data-noodle=\"daoxiao\"] {\n  --mn-bg: light-dark(#f6f0e4, #15110b);\n  --mn-surface: light-dark(#fffaf1, #1e1911);\n  --mn-surface-2: light-dark(#ece2cf, #2a231a);\n  --mn-fg: light-dark(#231c12, #f4ecdd);\n  --mn-muted: light-dark(#665a47, #b0a28a);\n  --mn-border: light-dark(#dfd2ba, #3a3124);\n  --mn-input: light-dark(#c2b193, #574a36);\n  --mn-primary: light-dark(#7f1d1d, #f5a3a3);\n  --mn-primary-fg: light-dark(#ffffff, #2a0707);\n  --mn-secondary: light-dark(#ece2cf, #2a231a);\n  --mn-secondary-fg: light-dark(#231c12, #f4ecdd);\n  --mn-accent: light-dark(#8a5a12, #e5b867);\n  --mn-accent-fg: light-dark(#ffffff, #261a04);\n  --mn-ring: light-dark(#7f1d1d, #f5a3a3);\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(#7f1d1d, #f5a3a3);\n  --mn-secondary-text: light-dark(#736b5e, #8b8378);\n  --mn-accent-text: light-dark(#8a5a12, #e5b867);\n  --mn-success-text: light-dark(#167639, #4ade80);\n  --mn-warning-text: light-dark(#a64e0a, #fbbf24);\n  --mn-danger-text: light-dark(#c22523, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#7f1d1d, #f5a3a3);\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: 750;\n  --mn-radius-field: 6px;\n  --mn-radius-box: 10px;\n  --mn-radius-badge: 4px;\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"
}