{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "pappardelle",
  "name": "Pappardelle",
  "family": "Flat",
  "origin": "Italy · Tuscany",
  "tagline": "Wide ribbons of flat colour.",
  "description": "Pappardelle are the widest ribbons of egg pasta, cut by hand and served with slow Tuscan ragù. Pappardelle is a bold flat system: broad bands of solid colour, wide ribbons for tabs and progress, tall flat buttons, and no borders, gradients or shadows anywhere.",
  "inspiration": [
    "The widest ribbon → broad flat bands of colour; tabs and progress are wide ribbons",
    "Cut by hand from a sheet → flat rectangles with small 4px corners",
    "Tuscan hills and egg yolk → a deep cypress green with a ribbon of yolk yellow",
    "Pappare, “to gobble” → generous sizes and confident colour"
  ],
  "traits": {
    "mood": [
      "bold",
      "flat",
      "wide",
      "confident",
      "warm",
      "european"
    ],
    "intensity": 4,
    "contrast": "high",
    "geometry": "wide ribbons, bands",
    "type": "heavy grotesk",
    "surface": "broad bands of solid colour",
    "motion": "broad sweeps",
    "goodFor": [
      "presentations",
      "campaigns",
      "agencies",
      "non-profits",
      "events"
    ],
    "lessFor": [
      "dense admin",
      "subtle luxury"
    ],
    "density": "comfortable"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Pappardelle is wide, flat colour. The broadest ribbons of egg pasta become broad bands of solid colour: tall flat buttons, tabs as ribbons, a green ribbon across the top of every card, tonal fields with a thick underline, and no borders, gradients, shadows or blur anywhere. Confident and generous, like a Tuscan table.",
    "principles": [
      "Tone, not line: separate things with flat tonal fills and 2–6px bands of colour, never 1px borders.",
      "Ribbons: tabs, progress and card tops are wide bands; the chosen one is solid green.",
      "Tall controls (+4px) and comfortable density.",
      "Yolk yellow is the ribbon’s edge, on progress, the switch knob and slider thumb."
    ],
    "aspects": {
      "Shape": "4px controls, 8px containers; rectangles cut from a sheet.",
      "Surface": "Flat white and tonal surfaces; a 6px inset band of primary across the top of cards and dialogs.",
      "Colour": "Cypress green (#1f5f4a), yolk yellow (#e9b949), warm neutrals.",
      "Type": "Clean sans at 650–750.",
      "Motion": "pappardelle-in: a ribbon wiping in from the left (clip-path) in 260ms.",
      "Data": "Square flat columns; zebra tables with a solid green header; a thick 34% donut."
    },
    "extend": [
      "border: 0; background: var(--mn-surface-2); border-radius: 4px.",
      "Top ribbon: box-shadow: inset 0 6px 0 var(--mn-primary).",
      "Selected: background var(--mn-primary); color var(--mn-primary-fg)."
    ],
    "avoid": [
      "Borders and hairlines",
      "Any shadow or blur",
      "Thin, timid controls"
    ],
    "recipe": "[data-noodle=\"pappardelle\"] .tile { padding: 14px 18px; border: 0; border-radius: 4px; background: var(--mn-surface-2); font-weight: 650; }\n[data-noodle=\"pappardelle\"] .tile:hover { background: var(--pp-band); }\n[data-noodle=\"pappardelle\"] .tile[aria-selected=\"true\"] { background: var(--mn-primary); color: var(--mn-primary-fg); box-shadow: inset 0 -4px 0 var(--mn-accent); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#1f5f4a",
        "family": "Green",
        "depth": "deep",
        "says": "Growth, health, permission, money. The easiest colour to look at for a long time.",
        "use": "Finance, health, food, sustainability, and “go” or success states.",
        "risk": "Success messages are green too: a green brand needs a success state that is clearly a status (icon, words). Claims of sustainability made with green alone read as greenwashing."
      },
      {
        "role": "Accent",
        "hex": "#e9b949",
        "family": "Yellow and gold",
        "depth": "mid, saturated",
        "says": "Optimism, attention, caution. Gold tones add value and ceremony.",
        "use": "Highlights, warnings, playful consumer brands; gold for luxury and awards.",
        "risk": "The lightest hue: white text on yellow fails, so yellow always carries dark text. Large yellow areas tire the eye."
      },
      {
        "role": "Page",
        "hex": "#f6f4ef",
        "family": "Yellow and gold",
        "depth": "pale, muted",
        "says": "Optimism, attention, caution. Gold tones add value and ceremony.",
        "use": "Highlights, warnings, playful consumer brands; gold for luxury and awards.",
        "risk": "The lightest hue: white text on yellow fails, so yellow always carries dark text. Large yellow areas tire the eye."
      }
    ],
    "relation": "Green with yellow and gold: a contrasting pair that needs one of the two to dominate.",
    "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": 700,
      "summary": "One voice throughout: neutral sans. Headings are semibold, which reads as confident without shouting."
    },
    "personality": {
      "reads": [
        "bold",
        "flat",
        "wide",
        "confident",
        "warm"
      ],
      "intensity": 4,
      "dimensions": [],
      "suits": [
        "presentations",
        "campaigns",
        "agencies",
        "non-profits",
        "events"
      ],
      "lessFor": [
        "dense admin",
        "subtle luxury"
      ],
      "tone": "Bold. Short claims, strong verbs, big numbers. Say one thing per screen and say it loudly."
    },
    "logo": "A simple geometric mark with slightly softened corners fits; avoid both hard spikes and full circles."
  },
  "url": "https://mian.ro/noodles/pappardelle",
  "markdownUrl": "https://mian.ro/ai/noodles/pappardelle.md",
  "stylesheet": "https://mian.ro/dist/noodles/pappardelle.css",
  "usage": "<html data-noodle=\"pappardelle\">",
  "fonts": {
    "sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "heading": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 700,
  "radius": {
    "field": "4px",
    "box": "8px",
    "badge": "4px"
  },
  "shadow": "none",
  "density": "comfortable",
  "glass": false,
  "light": {
    "bg": "#f6f4ef",
    "surface": "#ffffff",
    "surface2": "#ece8de",
    "fg": "#1c1f1a",
    "muted": "#5d6158",
    "border": "#e2ddd1",
    "input": "#cbc5b6",
    "primary": "#1f5f4a",
    "primaryFg": "#ffffff",
    "secondary": "#ece8de",
    "secondaryFg": "#1c1f1a",
    "accent": "#e9b949",
    "accentFg": "#2b1f00",
    "ring": "#1f5f4a",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#1f5f4a",
    "secondaryText": "#6f6f68",
    "accentText": "#826c32",
    "successText": "#16783a",
    "warningText": "#a84f0a",
    "dangerText": "#c52525",
    "infoText": "#0369a1",
    "link": "#1f5f4a"
  },
  "dark": {
    "bg": "#10130f",
    "surface": "#181c16",
    "surface2": "#22271f",
    "fg": "#eef1ea",
    "muted": "#a3aa9c",
    "border": "#2b3127",
    "input": "#465040",
    "primary": "#6fcfae",
    "primaryFg": "#04241a",
    "secondary": "#22271f",
    "secondaryFg": "#eef1ea",
    "accent": "#f1c95e",
    "accentFg": "#2b1f00",
    "ring": "#6fcfae",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#6fcfae",
    "secondaryText": "#848880",
    "accentText": "#f1c95e",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#6fcfae"
  },
  "css": "[data-noodle=\"pappardelle\"] {\n  --mn-bg: light-dark(#f6f4ef, #10130f);\n  --mn-surface: light-dark(#ffffff, #181c16);\n  --mn-surface-2: light-dark(#ece8de, #22271f);\n  --mn-fg: light-dark(#1c1f1a, #eef1ea);\n  --mn-muted: light-dark(#5d6158, #a3aa9c);\n  --mn-border: light-dark(#e2ddd1, #2b3127);\n  --mn-input: light-dark(#cbc5b6, #465040);\n  --mn-primary: light-dark(#1f5f4a, #6fcfae);\n  --mn-primary-fg: light-dark(#ffffff, #04241a);\n  --mn-secondary: light-dark(#ece8de, #22271f);\n  --mn-secondary-fg: light-dark(#1c1f1a, #eef1ea);\n  --mn-accent: light-dark(#e9b949, #f1c95e);\n  --mn-accent-fg: light-dark(#2b1f00, #2b1f00);\n  --mn-ring: light-dark(#1f5f4a, #6fcfae);\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(#1f5f4a, #6fcfae);\n  --mn-secondary-text: light-dark(#6f6f68, #848880);\n  --mn-accent-text: light-dark(#826c32, #f1c95e);\n  --mn-success-text: light-dark(#16783a, #4ade80);\n  --mn-warning-text: light-dark(#a84f0a, #fbbf24);\n  --mn-danger-text: light-dark(#c52525, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#1f5f4a, #6fcfae);\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: ui-sans-serif, system-ui, -apple-system, \"Segoe UI Variable Text\", \"Segoe UI\", \"Helvetica Neue\", Helvetica, Arial, sans-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: 4px;\n  --mn-radius-box: 8px;\n  --mn-radius-badge: 4px;\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"
}