{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "capellini",
  "name": "Capellini",
  "family": "Thin",
  "origin": "Italy · angel hair",
  "tagline": "Angel hair: light as air.",
  "description": "Capellini d’angelo, angel hair, are the finest pasta made, often twisted into loose nests and served with nothing but lemon and butter. Capellini is an airy system: very light type, fine low-contrast lines, lots of space, soft round surfaces and a single note of lemon.",
  "inspiration": [
    "The finest strand there is → 300-weight type and lines at the edge of visibility",
    "Twisted into nests → soft round corners and a spinner that swirls like a nest",
    "Al limone → warm white, soft ink and one pale lemon accent",
    "Cooks in two minutes → quick, feather-light motion"
  ],
  "traits": {
    "mood": [
      "airy",
      "delicate",
      "light",
      "elegant",
      "italian"
    ],
    "intensity": 1,
    "contrast": "low",
    "geometry": "fine lines, soft corners",
    "type": "light sans",
    "surface": "soft, airy",
    "motion": "soft drift",
    "goodFor": [
      "wellness",
      "beauty",
      "weddings",
      "personal brands"
    ],
    "lessFor": [
      "dense admin",
      "data"
    ],
    "density": "comfortable"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Capellini is air. Angel-hair pasta is the finest there is, twisted into loose nests and served with lemon and butter, so the interface is light type (250–400), lines at the edge of visibility, round white surfaces floating on diffuse light, lots of space and a single pale note of lemon. Nothing is heavy, nothing is loud.",
    "principles": [
      "Weight is the hierarchy: 250 for headings, 350–400 for text and controls; nothing above 450.",
      "Hairlines at 9% ink, never solid grey borders.",
      "Surfaces float on one diffuse, warm shadow (--cp-air).",
      "Lemon only for the thread of emphasis: the tab underline, the switch, the highlighted bar, focus."
    ],
    "aspects": {
      "Shape": "14px fields, 20px containers, pill badges; round and soft.",
      "Surface": "White on warm white, a 9% hairline and a wide, soft shadow.",
      "Colour": "Warm white, soft ink, pale lemon (#e8d44d) and nothing else.",
      "Type": "System sans at 250–400; large, light numbers.",
      "Motion": "capellini-in: 4px rise with a 3px blur, 340ms, a long soft ease.",
      "Data": "1px lines, round pale columns, a thin 10% donut; the highlight is lemon."
    },
    "extend": [
      "border: 1px solid var(--cp-hair); border-radius: 20px; background: var(--mn-surface); box-shadow: var(--cp-air).",
      "Text weight 350; headings 250 with −0.035em tracking.",
      "Mark the chosen thing with a 2px lemon thread (var(--mn-accent)), not a fill."
    ],
    "avoid": [
      "Bold weights",
      "Dark or hard shadows",
      "Saturated colour"
    ],
    "recipe": "[data-noodle=\"capellini\"] .tile { padding: 16px 20px; border: 1px solid var(--cp-hair); border-radius: 20px; background: var(--mn-surface); box-shadow: var(--cp-air); font-weight: 350; }\n[data-noodle=\"capellini\"] .tile[aria-selected=\"true\"] { box-shadow: var(--cp-air), inset 0 -2px 0 var(--mn-accent); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#26241f",
        "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": "Accent",
        "hex": "#e8d44d",
        "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": "#fdfcf8",
        "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": "A neutral primary with one yellow and gold accent: the accent means “look here” precisely because nothing else is coloured.",
    "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": 300,
      "summary": "One voice throughout: neutral sans. Headings are light to regular, which reads as delicate and unhurried."
    },
    "personality": {
      "reads": [
        "airy",
        "delicate",
        "light",
        "elegant",
        "italian"
      ],
      "intensity": 1,
      "dimensions": [],
      "suits": [
        "wellness",
        "beauty",
        "weddings",
        "personal brands"
      ],
      "lessFor": [
        "dense admin",
        "data"
      ],
      "tone": "Quiet. Plain statements in sentence case, no exclamation marks, numbers with their units. Let space do the persuading."
    },
    "logo": "Round marks fit: a circular symbol or a soft, lowercase wordmark. Use a light or regular wordmark; a heavy one would overpower this interface."
  },
  "url": "https://mian.ro/noodles/capellini",
  "markdownUrl": "https://mian.ro/ai/noodles/capellini.md",
  "stylesheet": "https://mian.ro/dist/noodles/capellini.css",
  "usage": "<html data-noodle=\"capellini\">",
  "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": 300,
  "radius": {
    "field": "14px",
    "box": "20px",
    "badge": "999px"
  },
  "shadow": "soft",
  "density": "comfortable",
  "glass": false,
  "light": {
    "bg": "#fdfcf8",
    "surface": "#ffffff",
    "surface2": "#f5f3ea",
    "fg": "#26241f",
    "muted": "#6b675c",
    "border": "#ebe8dd",
    "input": "#d8d4c6",
    "primary": "#26241f",
    "primaryFg": "#ffffff",
    "secondary": "#f5f3ea",
    "secondaryFg": "#26241f",
    "accent": "#e8d44d",
    "accentFg": "#2b2500",
    "ring": "#8a7a0a",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#26241f",
    "secondaryText": "#75736c",
    "accentText": "#7b7133",
    "successText": "#16793b",
    "warningText": "#a94f0b",
    "dangerText": "#c62625",
    "infoText": "#0369a1",
    "link": "#26241f"
  },
  "dark": {
    "bg": "#121210",
    "surface": "#1a1a17",
    "surface2": "#23231f",
    "fg": "#f3f1e8",
    "muted": "#aaa697",
    "border": "#2d2c27",
    "input": "#45433b",
    "primary": "#f3f1e8",
    "primaryFg": "#1b1a16",
    "secondary": "#23231f",
    "secondaryFg": "#f3f1e8",
    "accent": "#efe06a",
    "accentFg": "#262000",
    "ring": "#efe06a",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#f3f1e8",
    "secondaryText": "#87867f",
    "accentText": "#efe06a",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#f3f1e8"
  },
  "css": "[data-noodle=\"capellini\"] {\n  --mn-bg: light-dark(#fdfcf8, #121210);\n  --mn-surface: light-dark(#ffffff, #1a1a17);\n  --mn-surface-2: light-dark(#f5f3ea, #23231f);\n  --mn-fg: light-dark(#26241f, #f3f1e8);\n  --mn-muted: light-dark(#6b675c, #aaa697);\n  --mn-border: light-dark(#ebe8dd, #2d2c27);\n  --mn-input: light-dark(#d8d4c6, #45433b);\n  --mn-primary: light-dark(#26241f, #f3f1e8);\n  --mn-primary-fg: light-dark(#ffffff, #1b1a16);\n  --mn-secondary: light-dark(#f5f3ea, #23231f);\n  --mn-secondary-fg: light-dark(#26241f, #f3f1e8);\n  --mn-accent: light-dark(#e8d44d, #efe06a);\n  --mn-accent-fg: light-dark(#2b2500, #262000);\n  --mn-ring: light-dark(#8a7a0a, #efe06a);\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(#26241f, #f3f1e8);\n  --mn-secondary-text: light-dark(#75736c, #87867f);\n  --mn-accent-text: light-dark(#7b7133, #efe06a);\n  --mn-success-text: light-dark(#16793b, #4ade80);\n  --mn-warning-text: light-dark(#a94f0b, #fbbf24);\n  --mn-danger-text: light-dark(#c62625, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#26241f, #f3f1e8);\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: 300;\n  --mn-radius-field: 14px;\n  --mn-radius-box: 20px;\n  --mn-radius-badge: 999px;\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"
}