{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "hoto",
  "name": "Hōtō",
  "family": "Textured",
  "origin": "Japan · Yamanashi",
  "tagline": "Rustic, earthy, simmered.",
  "description": "Hōtō are thick, flat, hand-cut noodles simmered in miso with pumpkin and root vegetables in a heavy iron pot. Hōtō is a rustic stoneware system: coarse clay grain on every surface, thick glazed edges, earthy miso and pumpkin colours and slow, simmering motion.",
  "inspiration": [
    "A heavy iron pot and clay bowls → coarse stoneware grain on surfaces, glazed rims on controls",
    "Miso broth and pumpkin → earthy browns with a pumpkin-orange accent",
    "Thick, hand-cut, irregular → slightly uneven radii and hand-thrown shapes",
    "Simmered for a long time → slow motion that rises and settles gently"
  ],
  "traits": {
    "mood": [
      "rustic",
      "earthy",
      "warm",
      "homely",
      "traditional"
    ],
    "intensity": 2,
    "contrast": "medium",
    "geometry": "thick, rounded stoneware",
    "type": "warm sans",
    "surface": "coarse stoneware, earthy tones",
    "motion": "slow",
    "goodFor": [
      "food",
      "farms",
      "crafts",
      "local businesses",
      "hospitality"
    ],
    "lessFor": [
      "tech startups",
      "fintech"
    ],
    "density": "comfortable"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Hōtō is stoneware and a simmering pot. Thick hand-cut noodles are stewed in miso with pumpkin in a heavy iron pot, so surfaces carry a coarse clay grain, controls have thick glazed rims, shapes are hand-thrown (every corner slightly different), colours are earth, miso and pumpkin, and motion rises and settles slowly.",
    "principles": [
      "Clay grain (--ht-grain) on every surface and control.",
      "Glaze: a light top rim and a darker 3px bottom rim (--ht-glaze).",
      "Hand-thrown radii: uneven elliptical corners (--ht-throw, --ht-throw-sm).",
      "Simmer: 400–520ms rises with a gentle settle; a bubbling spinner."
    ],
    "aspects": {
      "Shape": "Uneven radii everywhere; round pebble knobs.",
      "Surface": "Warm clay with grain, glazed rims and heavy soft shadows.",
      "Colour": "Miso brown primary, pumpkin accent, green and yolk for data.",
      "Type": "Serif headings, sans body.",
      "Motion": "hoto-in: 10px rise with a 1px overshoot, 520ms; hoto-simmer bubble.",
      "Data": "Grainy clay bars in four vegetable colours."
    },
    "extend": [
      "border-radius: var(--ht-throw); background-image: var(--ht-grain); box-shadow: var(--ht-glaze), 0 14px 28px -18px rgb(60 30 10 / .45).",
      "Controls: --ht-throw-sm radii, 1.5px borders.",
      "Keep transitions ≥240ms."
    ],
    "avoid": [
      "Perfect geometric radii",
      "Cold greys and blues",
      "Glass or gloss"
    ],
    "recipe": "[data-noodle=\"hoto\"] .tile {\n  padding: 16px; border: 1.5px solid var(--mn-border); border-radius: var(--ht-throw);\n  background: var(--mn-surface) var(--ht-grain); box-shadow: var(--ht-glaze), 0 14px 28px -18px rgb(60 30 10 / .45);\n  transition: transform 240ms cubic-bezier(.25, .8, .3, 1);\n}\n[data-noodle=\"hoto\"] .tile:hover { transform: translateY(-1px); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#6b4423",
        "family": "Brown and terracotta",
        "depth": "deep",
        "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": "Accent",
        "hex": "#b45309",
        "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": "#f1e9dc",
        "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": "Two tones of brown and terracotta: 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": "serif",
        "name": "Book serif (old-style and transitional)",
        "says": "Considered, literate, established. The voice of books and long reading.",
        "use": "Editorial, publishing, research, thoughtful products, quotations.",
        "risk": "Needs size and good line spacing on screens; small serif text on low-resolution displays gets muddy."
      },
      "weight": 700,
      "summary": "Two voices: book serif (old-style and transitional) for headings, neutral sans for the interface. Headings are semibold, which reads as confident without shouting."
    },
    "personality": {
      "reads": [
        "rustic",
        "earthy",
        "warm",
        "homely",
        "traditional"
      ],
      "intensity": 2,
      "dimensions": [
        "Sincerity",
        "Ruggedness"
      ],
      "suits": [
        "food",
        "farms",
        "crafts",
        "local businesses",
        "hospitality"
      ],
      "lessFor": [
        "tech startups",
        "fintech"
      ],
      "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. Set the wordmark in a serif to match the headings."
  },
  "url": "https://mian.ro/noodles/hoto",
  "markdownUrl": "https://mian.ro/ai/noodles/hoto.md",
  "stylesheet": "https://mian.ro/dist/noodles/hoto.css",
  "usage": "<html data-noodle=\"hoto\">",
  "fonts": {
    "sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
    "heading": "ui-serif, \"New York\", \"Iowan Old Style\", \"Palatino Linotype\", Georgia, serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 700,
  "radius": {
    "field": "10px",
    "box": "16px",
    "badge": "8px"
  },
  "shadow": "soft",
  "density": "comfortable",
  "glass": false,
  "light": {
    "bg": "#f1e9dc",
    "surface": "#fbf6ee",
    "surface2": "#e6dac7",
    "fg": "#271c12",
    "muted": "#675644",
    "border": "#d8c8b0",
    "input": "#b9a384",
    "primary": "#6b4423",
    "primaryFg": "#ffffff",
    "secondary": "#e6dac7",
    "secondaryFg": "#271c12",
    "accent": "#b45309",
    "accentFg": "#ffffff",
    "ring": "#6b4423",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#6b4423",
    "secondaryText": "#73685a",
    "accentText": "#a34c0a",
    "successText": "#177438",
    "warningText": "#a34c0a",
    "dangerText": "#bf2423",
    "infoText": "#04679e",
    "link": "#6b4423"
  },
  "dark": {
    "bg": "#15100b",
    "surface": "#1f1811",
    "surface2": "#2b2218",
    "fg": "#f3e9da",
    "muted": "#b3a18a",
    "border": "#3d3124",
    "input": "#5a4a37",
    "primary": "#e0b98f",
    "primaryFg": "#21150a",
    "secondary": "#2b2218",
    "secondaryFg": "#f3e9da",
    "accent": "#fb923c",
    "accentFg": "#2a1204",
    "ring": "#e0b98f",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#e0b98f",
    "secondaryText": "#8b8275",
    "accentText": "#fb923c",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#e0b98f"
  },
  "css": "[data-noodle=\"hoto\"] {\n  --mn-bg: light-dark(#f1e9dc, #15100b);\n  --mn-surface: light-dark(#fbf6ee, #1f1811);\n  --mn-surface-2: light-dark(#e6dac7, #2b2218);\n  --mn-fg: light-dark(#271c12, #f3e9da);\n  --mn-muted: light-dark(#675644, #b3a18a);\n  --mn-border: light-dark(#d8c8b0, #3d3124);\n  --mn-input: light-dark(#b9a384, #5a4a37);\n  --mn-primary: light-dark(#6b4423, #e0b98f);\n  --mn-primary-fg: light-dark(#ffffff, #21150a);\n  --mn-secondary: light-dark(#e6dac7, #2b2218);\n  --mn-secondary-fg: light-dark(#271c12, #f3e9da);\n  --mn-accent: light-dark(#b45309, #fb923c);\n  --mn-accent-fg: light-dark(#ffffff, #2a1204);\n  --mn-ring: light-dark(#6b4423, #e0b98f);\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(#6b4423, #e0b98f);\n  --mn-secondary-text: light-dark(#73685a, #8b8275);\n  --mn-accent-text: light-dark(#a34c0a, #fb923c);\n  --mn-success-text: light-dark(#177438, #4ade80);\n  --mn-warning-text: light-dark(#a34c0a, #fbbf24);\n  --mn-danger-text: light-dark(#bf2423, #f87171);\n  --mn-info-text: light-dark(#04679e, #38bdf8);\n  --mn-link: light-dark(#6b4423, #e0b98f);\n  --mn-font: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  --mn-font-heading: ui-serif, \"New York\", \"Iowan Old Style\", \"Palatino Linotype\", Georgia, serif;\n  --mn-font-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n  --mn-heading-weight: 700;\n  --mn-radius-field: 10px;\n  --mn-radius-box: 16px;\n  --mn-radius-badge: 8px;\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: 28px;\n  --mn-size-sm: 34px;\n  --mn-size-md: 42px;\n  --mn-size-lg: 50px;\n  --mn-text-sm: 15px;\n  --mn-surface-alpha: 100%;\n  --mn-backdrop: none;\n  --mn-bg-image: none;\n}\n"
}