{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "tagliatelle",
  "name": "Tagliatelle",
  "family": "Elegant",
  "origin": "Italy · Bologna",
  "tagline": "Egg ribbons, cut by hand. Editorial.",
  "description": "Tagliatelle are ribbons of egg pasta, rolled thin and cut by hand; Bologna keeps a golden reference ribbon in its chamber of commerce. Tagliatelle is an editorial system: Garamond headings, generous measures, ribbon underlines in egg-yolk gold, paper surfaces and hairline rules.",
  "inspiration": [
    "Ribbons of egg dough → ribbon underlines and ribbon-shaped chosen states in yolk gold",
    "Rolled thin with a pin → hairline rules and thin, calm controls",
    "A reference ribbon kept in Bologna → exact proportions: classic measure, typographic scale",
    "Served on a paper menu → warm paper surfaces and a literary serif"
  ],
  "traits": {
    "mood": [
      "editorial",
      "elegant",
      "literary",
      "warm",
      "refined",
      "italian",
      "european"
    ],
    "intensity": 2,
    "contrast": "medium",
    "geometry": "hairlines, ribbon underlines",
    "type": "Garamond headings, clean sans body",
    "surface": "warm paper, no shadows",
    "motion": "slow fade",
    "goodFor": [
      "publications",
      "magazines",
      "studios",
      "hospitality",
      "fine dining",
      "cultural sites",
      "online courses"
    ],
    "lessFor": [
      "dense admin",
      "games"
    ],
    "density": "comfortable"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Tagliatelle is an editorial system: a literary Garamond over a clean body face, classic measures, hairline rules, and a single egg-yolk ribbon that marks what is chosen or important. It reads like a well-made magazine and runs like a calm product.",
    "principles": [
      "The ribbon marks the choice: a gold underline or band for selected, focused and important.",
      "Measure before decoration: text columns near 65 characters; space instead of boxes.",
      "Hairlines, not borders: 1px rules separate; surfaces are paper.",
      "Serif for voice, sans for work: Garamond for headings, a clean sans for controls."
    ],
    "aspects": {
      "Shape": "2–4px corners; fields are underlines; the chosen tab is a ribbon.",
      "Surface": "Warm paper, no shadows; 1px hairlines between sections and rows.",
      "Colour": "Ink brown-black, paper, yolk gold (#9a6400) used as the ribbon.",
      "Type": "Garamond headings at 500, generous size; clean sans body.",
      "Motion": "tagliatelle-in: a slow fade-up in 260ms; ribbons slide under tabs.",
      "Data": "Thin ink columns, the highlighted one gold; hairline axes."
    },
    "extend": [
      "Selected: box-shadow: inset 0 -3px 0 var(--mn-accent) (the ribbon).",
      "Headings: font-family var(--mn-font-heading); font-weight 500; letter-spacing -.01em.",
      "Separate with border-top: 1px solid var(--mn-border); no card backgrounds for text."
    ],
    "avoid": [
      "Heavy shadows",
      "Pills and bubbly shapes",
      "More than one gold element per view",
      "Serif for small UI labels"
    ],
    "recipe": "[data-noodle=\"tagliatelle\"] .tile { padding: 14px 0; border-top: 1px solid var(--mn-border); font-family: var(--mn-font-heading); font-size: 1.15rem; }\n[data-noodle=\"tagliatelle\"] .tile[aria-selected=\"true\"] { box-shadow: inset 0 -3px 0 var(--mn-accent); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#2a2118",
        "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": "Accent",
        "hex": "#9a6400",
        "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": "#fbf7ef",
        "family": "White and paper",
        "depth": "pale",
        "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": "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": "garalde",
        "name": "Garalde serif (Garamond family)",
        "says": "Classical, humane, quietly elegant. Five centuries of book typography.",
        "use": "Literary and cultural sites, hospitality, fine food.",
        "risk": "Delicate details vanish below about 18px."
      },
      "weight": 500,
      "summary": "Two voices: garalde serif (garamond family) for headings, neutral sans for the interface. Headings are medium, which reads as calm and assured."
    },
    "personality": {
      "reads": [
        "editorial",
        "elegant",
        "literary",
        "warm",
        "refined"
      ],
      "intensity": 2,
      "dimensions": [
        "Sophistication"
      ],
      "suits": [
        "publications",
        "magazines",
        "studios",
        "hospitality",
        "fine dining"
      ],
      "lessFor": [
        "dense admin",
        "games"
      ],
      "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/tagliatelle",
  "markdownUrl": "https://mian.ro/ai/noodles/tagliatelle.md",
  "stylesheet": "https://mian.ro/dist/noodles/tagliatelle.css",
  "usage": "<html data-noodle=\"tagliatelle\">",
  "fonts": {
    "sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "heading": "\"EB Garamond\", Garamond, \"Adobe Garamond Pro\", \"Cormorant Garamond\", \"Iowan Old Style\", ui-serif, Georgia, serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 500,
  "radius": {
    "field": "2px",
    "box": "4px",
    "badge": "2px"
  },
  "shadow": "none",
  "density": "comfortable",
  "glass": false,
  "light": {
    "bg": "#fbf7ef",
    "surface": "#fffcf6",
    "surface2": "#f2eadb",
    "fg": "#1f1a14",
    "muted": "#5e5446",
    "border": "#e6dcc8",
    "input": "#cbbd9f",
    "primary": "#2a2118",
    "primaryFg": "#fbf7ef",
    "secondary": "#f2eadb",
    "secondaryFg": "#1f1a14",
    "accent": "#9a6400",
    "accentFg": "#ffffff",
    "ring": "#9a6400",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#2a2118",
    "secondaryText": "#787168",
    "accentText": "#905e02",
    "successText": "#16783a",
    "warningText": "#a84e0a",
    "dangerText": "#c52524",
    "infoText": "#0369a1",
    "link": "#2a2118"
  },
  "dark": {
    "bg": "#14110c",
    "surface": "#1c1812",
    "surface2": "#27211a",
    "fg": "#f6efe2",
    "muted": "#b8ab95",
    "border": "#3a3226",
    "input": "#5b4e3c",
    "primary": "#f6efe2",
    "primaryFg": "#1f1a14",
    "secondary": "#27211a",
    "secondaryFg": "#f6efe2",
    "accent": "#f2b84b",
    "accentFg": "#2a1a00",
    "ring": "#f2b84b",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#f6efe2",
    "secondaryText": "#8a847a",
    "accentText": "#f2b84b",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#f6efe2"
  },
  "css": "[data-noodle=\"tagliatelle\"] {\n  --mn-bg: light-dark(#fbf7ef, #14110c);\n  --mn-surface: light-dark(#fffcf6, #1c1812);\n  --mn-surface-2: light-dark(#f2eadb, #27211a);\n  --mn-fg: light-dark(#1f1a14, #f6efe2);\n  --mn-muted: light-dark(#5e5446, #b8ab95);\n  --mn-border: light-dark(#e6dcc8, #3a3226);\n  --mn-input: light-dark(#cbbd9f, #5b4e3c);\n  --mn-primary: light-dark(#2a2118, #f6efe2);\n  --mn-primary-fg: light-dark(#fbf7ef, #1f1a14);\n  --mn-secondary: light-dark(#f2eadb, #27211a);\n  --mn-secondary-fg: light-dark(#1f1a14, #f6efe2);\n  --mn-accent: light-dark(#9a6400, #f2b84b);\n  --mn-accent-fg: light-dark(#ffffff, #2a1a00);\n  --mn-ring: light-dark(#9a6400, #f2b84b);\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(#2a2118, #f6efe2);\n  --mn-secondary-text: light-dark(#787168, #8a847a);\n  --mn-accent-text: light-dark(#905e02, #f2b84b);\n  --mn-success-text: light-dark(#16783a, #4ade80);\n  --mn-warning-text: light-dark(#a84e0a, #fbbf24);\n  --mn-danger-text: light-dark(#c52524, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#2a2118, #f6efe2);\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: \"EB Garamond\", Garamond, \"Adobe Garamond Pro\", \"Cormorant Garamond\", \"Iowan Old Style\", ui-serif, Georgia, serif;\n  --mn-font-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n  --mn-heading-weight: 500;\n  --mn-radius-field: 2px;\n  --mn-radius-box: 4px;\n  --mn-radius-badge: 2px;\n  --mn-shadow-sm: none;\n  --mn-shadow-md: none;\n  --mn-shadow-lg: none;\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"
}