{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "orecchiette",
  "name": "Orecchiette",
  "family": "Rounded",
  "origin": "Italy · Puglia",
  "tagline": "Little ears, pressed with a thumb.",
  "description": "Orecchiette, “little ears”, are pressed from a disc of dough with the thumb, leaving a smooth cup and a rough rim. Orecchiette is a concave system: controls are cups pressed into the surface, round shapes, olive green and a tomato accent on warm white.",
  "inspiration": [
    "Pressed with a thumb → concave, inset surfaces instead of raised ones; pressing deepens the cup",
    "Round with a rough rim → round shapes with a slightly heavier edge",
    "Cime di rapa and tomato → olive green primary, tomato-brick accent",
    "Made by hand on a board → comfortable, generous spacing"
  ],
  "traits": {
    "mood": [
      "warm",
      "friendly",
      "soft",
      "rounded",
      "natural",
      "calm"
    ],
    "intensity": 2,
    "contrast": "low",
    "geometry": "round cups, concave surfaces",
    "type": "rounded sans",
    "surface": "inset, warm white",
    "motion": "soft press",
    "goodFor": [
      "food",
      "wellness",
      "consumer apps",
      "onboarding",
      "local businesses",
      "education"
    ],
    "lessFor": [
      "dense admin",
      "developer tools"
    ],
    "density": "comfortable"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Orecchiette is concave: surfaces are cups pressed into the page rather than objects floating above it. Pressing deepens the cup; choosing fills it with olive green. Round, warm and generous: friendly without being childish.",
    "principles": [
      "Press in, not out: depth is inset; nothing floats except dialogs and menus.",
      "Round with a rim: round shapes with a slightly heavier edge.",
      "Warm and generous: comfortable spacing, rounded type.",
      "Olive for action, tomato for attention."
    ],
    "aspects": {
      "Shape": "14px fields, 26px surfaces, round badges, round switch knobs.",
      "Surface": "Warm white; controls and cards are gently inset (inner shadow) on a slightly darker rim.",
      "Colour": "Olive green (#4f5d23), tomato brick accent, warm neutrals.",
      "Type": "Rounded sans at 700 for headings.",
      "Motion": "orecchiette-in: a soft scale-in; presses deepen the inset.",
      "Data": "Round-ended bars, olive fills."
    },
    "extend": [
      "Surfaces: box-shadow: inset 0 2px 6px color-mix(in srgb, var(--mn-fg) 10%, transparent); border: 1px solid var(--mn-border).",
      "Pressed: inset shadow doubles; chosen: background var(--mn-primary) with var(--mn-primary-fg).",
      "Radius: var(--mn-radius-box) for surfaces, 999px for small controls."
    ],
    "avoid": [
      "Raised drop shadows on cards",
      "Sharp corners",
      "Cold greys",
      "Dense layouts"
    ],
    "recipe": "[data-noodle=\"orecchiette\"] .tile { padding: 16px; border-radius: 26px; background: var(--mn-surface-2); box-shadow: inset 0 2px 6px color-mix(in srgb, var(--mn-fg) 10%, transparent); }\n[data-noodle=\"orecchiette\"] .tile:active { box-shadow: inset 0 4px 10px color-mix(in srgb, var(--mn-fg) 16%, transparent); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#4f5d23",
        "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": "#a33b20",
        "family": "Red",
        "depth": "mid",
        "says": "Urgency, energy, appetite, danger. It raises attention faster than any other hue and reads as the most forceful.",
        "use": "One action that must be seen, sale and limited-time states, food, sport, entertainment.",
        "risk": "It is also the colour of errors. A red primary button next to a red error message makes both ambiguous, so pair a red brand with a distinct danger treatment (icon and words)."
      },
      {
        "role": "Page",
        "hex": "#f6f3ec",
        "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": "Green with red: a contrasting pair that needs one of the two to dominate.",
    "type": {
      "body": {
        "class": "rounded",
        "name": "Rounded sans",
        "says": "Friendly, soft, safe, young.",
        "use": "Consumer apps, children, food, onboarding.",
        "risk": "Hard to take seriously for money, law or medicine."
      },
      "heading": {
        "class": "rounded",
        "name": "Rounded sans",
        "says": "Friendly, soft, safe, young.",
        "use": "Consumer apps, children, food, onboarding.",
        "risk": "Hard to take seriously for money, law or medicine."
      },
      "weight": 700,
      "summary": "One voice throughout: rounded sans. Headings are semibold, which reads as confident without shouting."
    },
    "personality": {
      "reads": [
        "warm",
        "friendly",
        "soft",
        "rounded",
        "natural"
      ],
      "intensity": 2,
      "dimensions": [
        "Sincerity"
      ],
      "suits": [
        "food",
        "wellness",
        "consumer apps",
        "onboarding",
        "local businesses"
      ],
      "lessFor": [
        "dense admin",
        "developer tools"
      ],
      "tone": "Calm and clear. Short sentences, one idea each, a friendly but not chatty register."
    },
    "logo": "Round marks fit: a circular symbol or a soft, lowercase wordmark."
  },
  "url": "https://mian.ro/noodles/orecchiette",
  "markdownUrl": "https://mian.ro/ai/noodles/orecchiette.md",
  "stylesheet": "https://mian.ro/dist/noodles/orecchiette.css",
  "usage": "<html data-noodle=\"orecchiette\">",
  "fonts": {
    "sans": "ui-rounded, \"SF Pro Rounded\", \"Nunito\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "heading": "ui-rounded, \"SF Pro Rounded\", \"Nunito\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 700,
  "radius": {
    "field": "14px",
    "box": "26px",
    "badge": "999px"
  },
  "shadow": "soft",
  "density": "comfortable",
  "glass": false,
  "light": {
    "bg": "#f6f3ec",
    "surface": "#fbf9f4",
    "surface2": "#ece6da",
    "fg": "#1e2216",
    "muted": "#595e4c",
    "border": "#e1dbcd",
    "input": "#c7bfae",
    "primary": "#4f5d23",
    "primaryFg": "#ffffff",
    "secondary": "#e6e9d6",
    "secondaryFg": "#2e3614",
    "accent": "#a33b20",
    "accentFg": "#ffffff",
    "ring": "#4f5d23",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#4f5d23",
    "secondaryText": "#6a6e5f",
    "accentText": "#a33b20",
    "successText": "#167538",
    "warningText": "#a24d0b",
    "dangerText": "#c12524",
    "infoText": "#0369a1",
    "link": "#4f5d23"
  },
  "dark": {
    "bg": "#12140d",
    "surface": "#1a1d14",
    "surface2": "#24281c",
    "fg": "#f1f0e6",
    "muted": "#b0b39c",
    "border": "#33382a",
    "input": "#50573f",
    "primary": "#c3d38a",
    "primaryFg": "#1b2206",
    "secondary": "#2b3220",
    "secondaryFg": "#eef2da",
    "accent": "#f08c6a",
    "accentFg": "#2a0a02",
    "ring": "#c3d38a",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#c3d38a",
    "secondaryText": "#86897b",
    "accentText": "#f08c6a",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#c3d38a"
  },
  "css": "[data-noodle=\"orecchiette\"] {\n  --mn-bg: light-dark(#f6f3ec, #12140d);\n  --mn-surface: light-dark(#fbf9f4, #1a1d14);\n  --mn-surface-2: light-dark(#ece6da, #24281c);\n  --mn-fg: light-dark(#1e2216, #f1f0e6);\n  --mn-muted: light-dark(#595e4c, #b0b39c);\n  --mn-border: light-dark(#e1dbcd, #33382a);\n  --mn-input: light-dark(#c7bfae, #50573f);\n  --mn-primary: light-dark(#4f5d23, #c3d38a);\n  --mn-primary-fg: light-dark(#ffffff, #1b2206);\n  --mn-secondary: light-dark(#e6e9d6, #2b3220);\n  --mn-secondary-fg: light-dark(#2e3614, #eef2da);\n  --mn-accent: light-dark(#a33b20, #f08c6a);\n  --mn-accent-fg: light-dark(#ffffff, #2a0a02);\n  --mn-ring: light-dark(#4f5d23, #c3d38a);\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(#4f5d23, #c3d38a);\n  --mn-secondary-text: light-dark(#6a6e5f, #86897b);\n  --mn-accent-text: light-dark(#a33b20, #f08c6a);\n  --mn-success-text: light-dark(#167538, #4ade80);\n  --mn-warning-text: light-dark(#a24d0b, #fbbf24);\n  --mn-danger-text: light-dark(#c12524, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#4f5d23, #c3d38a);\n  --mn-font: ui-rounded, \"SF Pro Rounded\", \"Nunito\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;\n  --mn-font-heading: ui-rounded, \"SF Pro Rounded\", \"Nunito\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", 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: 14px;\n  --mn-radius-box: 26px;\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"
}