{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "pici",
  "name": "Pici",
  "family": "Textured",
  "origin": "Italy · Siena",
  "tagline": "Hand-rolled, uneven, honest.",
  "description": "Pici are thick strands rolled one by one between the palms, so no two are the same. Pici is a hand-made system: slightly irregular corners, borders that wobble a little, a serif for headings, rust and olive on unbleached paper, honest and warm, never polished.",
  "inspiration": [
    "Rolled between the palms → irregular corners on every surface; no two radii the same",
    "Thick and uneven → slightly heavier, hand-drawn-looking borders",
    "Aglione, the Tuscan garlic sauce → rust, olive and unbleached paper",
    "A trattoria, not a laboratory → warm serif headings, relaxed spacing"
  ],
  "traits": {
    "mood": [
      "hand-made",
      "rustic",
      "warm",
      "honest",
      "crafted",
      "earthy"
    ],
    "intensity": 2,
    "contrast": "medium",
    "geometry": "irregular corners, uneven borders",
    "type": "book serif headings",
    "surface": "unbleached paper, ink borders",
    "motion": "gentle",
    "goodFor": [
      "food",
      "restaurants",
      "crafts",
      "farms",
      "bakeries",
      "local businesses"
    ],
    "lessFor": [
      "fintech",
      "developer tools",
      "enterprise"
    ],
    "density": "comfortable"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Pici is hand-made: every surface has slightly irregular corners, borders are a touch heavier and uneven, headings are a warm serif, colours are rust and olive on unbleached paper. It should feel like a trattoria menu written by the owner: honest, warm and never polished to plastic.",
    "principles": [
      "No two corners the same: surfaces use irregular radii.",
      "Warmth over precision: warm paper, rust and olive, a book serif for headings.",
      "Hand-drawn edges: 1.5px borders in ink at reduced opacity.",
      "Relaxed spacing, calm motion."
    ],
    "aspects": {
      "Shape": "Irregular corners (e.g. 12px 16px 10px 18px); round badges.",
      "Surface": "Unbleached paper; cards with uneven 1.5px ink borders and a faint paper shadow.",
      "Colour": "Rust (#7a3b1d), olive accent (#56642a), paper neutrals.",
      "Type": "Book serif headings at 700; humanist sans body.",
      "Motion": "pici-in: a gentle drop with a tiny rotation; hovers lift slightly.",
      "Data": "Rust columns with uneven tops, olive highlight."
    },
    "extend": [
      "Radius: border-radius: 12px 16px 10px 18px / 14px 10px 16px 12px (vary per element).",
      "Borders: 1.5px solid color-mix(in srgb, var(--mn-fg) 55%, transparent).",
      "Headings in var(--mn-font-heading) at 700."
    ],
    "avoid": [
      "Perfect geometric shapes",
      "Cold greys and pure white",
      "Glass or gradients",
      "Tight dense layouts"
    ],
    "recipe": "[data-noodle=\"pici\"] .tile { padding: 14px; border: 1.5px solid color-mix(in srgb, var(--mn-fg) 55%, transparent); border-radius: 12px 16px 10px 18px / 14px 10px 16px 12px; background: var(--mn-surface); }\n[data-noodle=\"pici\"] .tile:hover { transform: translateY(-1px) rotate(-.3deg); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#7a3b1d",
        "family": "Brown and terracotta",
        "depth": "deep",
        "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": "#56642a",
        "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": "Page",
        "hex": "#f3ede1",
        "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": "Brown and terracotta with green: 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": "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": 700,
      "summary": "Two voices: book serif (old-style and transitional) for headings, neutral sans for the interface. Headings are semibold, which reads as confident without shouting."
    },
    "personality": {
      "reads": [
        "hand-made",
        "rustic",
        "warm",
        "honest",
        "crafted"
      ],
      "intensity": 2,
      "dimensions": [
        "Sincerity"
      ],
      "suits": [
        "food",
        "restaurants",
        "crafts",
        "farms",
        "bakeries"
      ],
      "lessFor": [
        "fintech",
        "developer tools",
        "enterprise"
      ],
      "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/pici",
  "markdownUrl": "https://mian.ro/ai/noodles/pici.md",
  "stylesheet": "https://mian.ro/dist/noodles/pici.css",
  "usage": "<html data-noodle=\"pici\">",
  "fonts": {
    "sans": "ui-sans-serif, system-ui, -apple-system, \"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": 700,
  "radius": {
    "field": "10px",
    "box": "14px",
    "badge": "999px"
  },
  "shadow": "subtle",
  "density": "comfortable",
  "glass": false,
  "light": {
    "bg": "#f3ede1",
    "surface": "#faf6ec",
    "surface2": "#e9e0cd",
    "fg": "#231c14",
    "muted": "#5f5344",
    "border": "#d8ccb4",
    "input": "#b9a988",
    "primary": "#7a3b1d",
    "primaryFg": "#ffffff",
    "secondary": "#e9e0cd",
    "secondaryFg": "#231c14",
    "accent": "#56642a",
    "accentFg": "#ffffff",
    "ring": "#7a3b1d",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#7a3b1d",
    "secondaryText": "#726a5e",
    "accentText": "#56642a",
    "successText": "#177237",
    "warningText": "#a04b0b",
    "dangerText": "#be2423",
    "infoText": "#04679e",
    "link": "#7a3b1d"
  },
  "dark": {
    "bg": "#16120d",
    "surface": "#1f1a13",
    "surface2": "#2a231a",
    "fg": "#f3ede1",
    "muted": "#b9ad98",
    "border": "#3d3326",
    "input": "#5d503d",
    "primary": "#e6a57c",
    "primaryFg": "#2a1105",
    "secondary": "#2a231a",
    "secondaryFg": "#f3ede1",
    "accent": "#bfd08a",
    "accentFg": "#1b2206",
    "ring": "#e6a57c",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#e6a57c",
    "secondaryText": "#8a847a",
    "accentText": "#bfd08a",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#e6a57c"
  },
  "css": "[data-noodle=\"pici\"] {\n  --mn-bg: light-dark(#f3ede1, #16120d);\n  --mn-surface: light-dark(#faf6ec, #1f1a13);\n  --mn-surface-2: light-dark(#e9e0cd, #2a231a);\n  --mn-fg: light-dark(#231c14, #f3ede1);\n  --mn-muted: light-dark(#5f5344, #b9ad98);\n  --mn-border: light-dark(#d8ccb4, #3d3326);\n  --mn-input: light-dark(#b9a988, #5d503d);\n  --mn-primary: light-dark(#7a3b1d, #e6a57c);\n  --mn-primary-fg: light-dark(#ffffff, #2a1105);\n  --mn-secondary: light-dark(#e9e0cd, #2a231a);\n  --mn-secondary-fg: light-dark(#231c14, #f3ede1);\n  --mn-accent: light-dark(#56642a, #bfd08a);\n  --mn-accent-fg: light-dark(#ffffff, #1b2206);\n  --mn-ring: light-dark(#7a3b1d, #e6a57c);\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(#7a3b1d, #e6a57c);\n  --mn-secondary-text: light-dark(#726a5e, #8a847a);\n  --mn-accent-text: light-dark(#56642a, #bfd08a);\n  --mn-success-text: light-dark(#177237, #4ade80);\n  --mn-warning-text: light-dark(#a04b0b, #fbbf24);\n  --mn-danger-text: light-dark(#be2423, #f87171);\n  --mn-info-text: light-dark(#04679e, #38bdf8);\n  --mn-link: light-dark(#7a3b1d, #e6a57c);\n  --mn-font: ui-sans-serif, system-ui, -apple-system, \"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: 700;\n  --mn-radius-field: 10px;\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"
}