{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "linguine",
  "name": "Linguine",
  "family": "Minimal",
  "origin": "Italy · Liguria",
  "tagline": "Warm paper, a serif voice, one clay colour.",
  "description": "Linguine, “little tongues”, are flat narrow strands from Liguria, made to carry pesto and conversation. Linguine is a warm, literate system for products people read and talk to: paper-toned surfaces, a serif for what is said, a quiet sans for controls, hairline edges and a single clay colour kept for actions.",
  "inspiration": [
    "“Little tongues” → a system built around reading and replying: generous text measure, a serif for content",
    "Flat, narrow strands → thin hairline edges, no shadows on resting surfaces",
    "Trofie al pesto on a paper cloth → warm off-white paper, never pure white or pure black",
    "One spoon of pesto → one clay accent, used only where something can be done"
  ],
  "traits": {
    "mood": [
      "warm",
      "literate",
      "calm",
      "thoughtful",
      "refined",
      "minimal",
      "human",
      "conversational"
    ],
    "intensity": 1,
    "contrast": "medium",
    "geometry": "soft 8–14px corners, hairlines",
    "type": "book serif headings, system sans controls",
    "surface": "warm paper, white cards, no shadows",
    "motion": "calm, short",
    "goodFor": [
      "ai products",
      "assistants and chat",
      "writing tools",
      "research",
      "publications",
      "documentation",
      "studios",
      "reading apps"
    ],
    "lessFor": [
      "dense admin",
      "games",
      "loud campaigns"
    ],
    "density": "comfortable"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Linguine is for products people read and reply to. The page is warm paper rather than white, what is said is set in a serif at a comfortable measure, and the controls around it stay quiet in a plain sans. Edges are hairlines and nothing has a shadow until it floats. One clay colour appears only where something can be done, so the eye finds the action without being shouted at.",
    "principles": [
      "Paper, not white: backgrounds are warm off-white (#faf9f5) and ink is a soft near-black (#1f1e1d). Pure #fff and #000 are never the page.",
      "Two voices: a serif for content and headings, a sans for controls and labels. Never mix them inside one line.",
      "One clay accent, reserved for the primary action, the focus ring and the chosen state.",
      "Hairlines and tone separate things; shadows are only for menus, dialogs and toasts.",
      "Calm motion: 180–240ms, a 2px rise, ease-out with no overshoot."
    ],
    "aspects": {
      "Shape": "8px fields and buttons, 14px containers and text areas, pill badges. Text inputs are generous: 0.8rem of padding and 1.55 line height.",
      "Surface": "Paper page, white surfaces, 1px warm-grey edges. Overlays lose the border and float on a warm-tinted shadow.",
      "Colour": "Clay (#ae5630 / #d97757) for actions; warm greys for everything else. Status colours stay standard.",
      "Type": "A book serif at weight 500 for headings, card titles and quotations, tracked −0.02em; the system sans at 400/500 for the interface.",
      "Motion": "linguine-in: 2px rise and fade over 240ms on cubic-bezier(.16,1,.3,1). Buttons scale to .985 while pressed.",
      "Data": "Bars in 13% ink with the highlighted one in clay; a 1.75px clay line over a faint area."
    },
    "extend": [
      "Start with var(--mn-surface) on the paper page, a 1px var(--mn-border) edge and radius 14px; no shadow.",
      "Put prose in var(--mn-font-heading) (the serif) at 1.05–1.2rem with line-height 1.6; put labels and buttons in var(--mn-font).",
      "Hover deepens the edge to var(--mn-input) or tints the surface with var(--mn-surface-2); nothing moves.",
      "Selected: a 2px clay underline or a clay edge with a 3px clay ring at 18%. Never a clay fill behind long text.",
      "Give text areas room: at least three lines tall, 14px radius, generous padding."
    ],
    "avoid": [
      "Pure white pages and pure black text",
      "A second accent colour",
      "Shadows on resting cards",
      "Italic serif used as decoration",
      "Dense, compact layouts"
    ],
    "recipe": "[data-noodle=\"linguine\"] .tile {\n  padding: 18px 20px; border: 1px solid var(--mn-border); border-radius: 14px;\n  background: var(--mn-surface); color: var(--mn-fg);\n  transition: border-color 180ms cubic-bezier(.16, 1, .3, 1), background-color 180ms;\n}\n[data-noodle=\"linguine\"] .tile h3 { font: 500 1.125rem/1.3 var(--mn-font-heading); letter-spacing: -.01em; }\n[data-noodle=\"linguine\"] .tile:hover { border-color: var(--mn-input); }\n[data-noodle=\"linguine\"] .tile[aria-selected=\"true\"] { border-color: var(--mn-primary); box-shadow: 0 0 0 3px color-mix(in oklab, var(--mn-primary) 18%, transparent); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#ae5630",
        "family": "Brown and terracotta",
        "depth": "mid",
        "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": "#3d3d3a",
        "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": "Page",
        "hex": "#faf9f5",
        "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": "One hue (brown and terracotta) and neutrals: the brand colour is unmistakable and should be kept for actions.",
    "type": {
      "body": {
        "class": "system",
        "name": "System sans (the device’s own typeface)",
        "says": "Native, familiar, efficient. It disappears, which is the point: the product feels like part of the device.",
        "use": "Applications, dashboards, anything used daily.",
        "risk": "Carries no brand character at all. The brand must come from colour, shape, words and motion."
      },
      "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": 500,
      "summary": "Two voices: book serif (old-style and transitional) for headings, system sans (the device’s own typeface) for the interface. Headings are medium, which reads as calm and assured."
    },
    "personality": {
      "reads": [
        "warm",
        "literate",
        "calm",
        "thoughtful",
        "refined"
      ],
      "intensity": 1,
      "dimensions": [
        "Sincerity"
      ],
      "suits": [
        "ai products",
        "assistants and chat",
        "writing tools",
        "research",
        "publications"
      ],
      "lessFor": [
        "dense admin",
        "games",
        "loud campaigns"
      ],
      "tone": "Quiet. Plain statements in sentence case, no exclamation marks, numbers with their units. Let space do the persuading."
    },
    "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/linguine",
  "markdownUrl": "https://mian.ro/ai/noodles/linguine.md",
  "stylesheet": "https://mian.ro/dist/noodles/linguine.css",
  "usage": "<html data-noodle=\"linguine\">",
  "fonts": {
    "sans": "-apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"SF Pro Display\", system-ui, \"Segoe UI Variable Text\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
    "heading": "\"Iowan Old Style\", \"Palatino Linotype\", Palatino, \"Book Antiqua\", ui-serif, Georgia, serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 500,
  "radius": {
    "field": "8px",
    "box": "14px",
    "badge": "999px"
  },
  "shadow": "subtle",
  "density": "comfortable",
  "glass": false,
  "light": {
    "bg": "#faf9f5",
    "surface": "#ffffff",
    "surface2": "#f0eee6",
    "fg": "#1f1e1d",
    "muted": "#5e5d59",
    "border": "#e8e6dc",
    "input": "#d1cfc5",
    "primary": "#ae5630",
    "primaryFg": "#ffffff",
    "secondary": "#f0eee6",
    "secondaryFg": "#1f1e1d",
    "accent": "#3d3d3a",
    "accentFg": "#ffffff",
    "ring": "#ae5630",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#a3522e",
    "secondaryText": "#73716d",
    "accentText": "#3d3d3a",
    "successText": "#16783a",
    "warningText": "#a84f0b",
    "dangerText": "#c52525",
    "infoText": "#0369a1",
    "link": "#ae5630"
  },
  "dark": {
    "bg": "#1f1e1d",
    "surface": "#262624",
    "surface2": "#30302e",
    "fg": "#f5f4ee",
    "muted": "#b0aea5",
    "border": "#3b3a37",
    "input": "#55534e",
    "primary": "#d97757",
    "primaryFg": "#1f1108",
    "secondary": "#30302e",
    "secondaryFg": "#f5f4ee",
    "accent": "#c2c0b6",
    "accentFg": "#1f1e1d",
    "ring": "#d97757",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#dc8669",
    "secondaryText": "#8f8e8a",
    "accentText": "#c2c0b6",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87474",
    "infoText": "#38bdf8",
    "link": "#d97757"
  },
  "css": "[data-noodle=\"linguine\"] {\n  --mn-bg: light-dark(#faf9f5, #1f1e1d);\n  --mn-surface: light-dark(#ffffff, #262624);\n  --mn-surface-2: light-dark(#f0eee6, #30302e);\n  --mn-fg: light-dark(#1f1e1d, #f5f4ee);\n  --mn-muted: light-dark(#5e5d59, #b0aea5);\n  --mn-border: light-dark(#e8e6dc, #3b3a37);\n  --mn-input: light-dark(#d1cfc5, #55534e);\n  --mn-primary: light-dark(#ae5630, #d97757);\n  --mn-primary-fg: light-dark(#ffffff, #1f1108);\n  --mn-secondary: light-dark(#f0eee6, #30302e);\n  --mn-secondary-fg: light-dark(#1f1e1d, #f5f4ee);\n  --mn-accent: light-dark(#3d3d3a, #c2c0b6);\n  --mn-accent-fg: light-dark(#ffffff, #1f1e1d);\n  --mn-ring: light-dark(#ae5630, #d97757);\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(#a3522e, #dc8669);\n  --mn-secondary-text: light-dark(#73716d, #8f8e8a);\n  --mn-accent-text: light-dark(#3d3d3a, #c2c0b6);\n  --mn-success-text: light-dark(#16783a, #4ade80);\n  --mn-warning-text: light-dark(#a84f0b, #fbbf24);\n  --mn-danger-text: light-dark(#c52525, #f87474);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#ae5630, #d97757);\n  --mn-font: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"SF Pro Display\", system-ui, \"Segoe UI Variable Text\", \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  --mn-font-heading: \"Iowan Old Style\", \"Palatino Linotype\", Palatino, \"Book Antiqua\", 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: 8px;\n  --mn-radius-box: 14px;\n  --mn-radius-badge: 999px;\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: 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"
}