{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "paccheri",
  "name": "Paccheri",
  "family": "Flat",
  "origin": "Italy · Naples",
  "tagline": "Big flat tubes. Primary colours.",
  "description": "Paccheri are the widest tubes in the drawer; cooked, they collapse into big flat ribbons. Paccheri is a flat, geometric system in the spirit of the Bauhaus: solid blue, red and yellow blocks, circles and squares, no shadows or gradients, and bold grotesk type.",
  "inspiration": [
    "Wide tubes that fall flat → large flat blocks of solid colour",
    "Circles and slabs → round badges and indicators, square fields and cards",
    "A plate of three colours → a strict blue, red and yellow palette on off-white",
    "Named after a slap (pacca) → direct, confident motion"
  ],
  "traits": {
    "mood": [
      "flat",
      "geometric",
      "bold",
      "primary colours",
      "bauhaus",
      "playful",
      "confident",
      "european"
    ],
    "intensity": 4,
    "contrast": "high",
    "geometry": "squares and circles",
    "type": "bold grotesk",
    "surface": "flat blocks of blue, red and yellow",
    "motion": "direct",
    "goodFor": [
      "creative agencies",
      "education",
      "museums",
      "events",
      "design portfolios",
      "public services"
    ],
    "lessFor": [
      "quiet luxury",
      "healthcare"
    ],
    "density": "default"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Paccheri is flat geometry in three colours: blue, red and yellow blocks on off-white, circles and squares, bold grotesk type, no shadows or gradients. Structure comes from colour fields, not lines. It is confident, clear and a little playful: Bauhaus on a plate.",
    "principles": [
      "Colour fields structure the page: solid blocks instead of borders.",
      "Circles and squares: round things are fully round, square things fully square.",
      "Three colours, three jobs: blue acts, red alerts, yellow highlights.",
      "Flat means flat: no shadow, blur or gradient anywhere."
    ],
    "aspects": {
      "Shape": "Square fields and cards (0 radius), round badges, round switch knobs and avatars.",
      "Surface": "Off-white page; blocks of solid colour; 2px ink outlines for controls.",
      "Colour": "Blue (#1d4ed8), red (#c92a1c), yellow (#f3c623), ink.",
      "Type": "Bold grotesk at 800; uppercase small labels.",
      "Motion": "paccheri-in: a quick slide; hovers swap colour fields.",
      "Data": "Square columns in blue, highlight in red, yellow markers."
    },
    "extend": [
      "Fill blocks with var(--mn-primary), var(--mn-accent) or var(--mn-secondary) (yellow), never mix two on one small element.",
      "Outlines: 2px solid var(--mn-fg); radius 0 for rectangles, 999px for circles.",
      "No box-shadow, no gradients."
    ],
    "avoid": [
      "Soft shadows",
      "Rounded rectangles",
      "Pastel tints",
      "More than three colours"
    ],
    "recipe": "[data-noodle=\"paccheri\"] .tile { padding: 14px; border: 2px solid var(--mn-fg); border-radius: 0; background: var(--mn-surface); font-weight: 800; }\n[data-noodle=\"paccheri\"] .tile[aria-selected=\"true\"] { background: var(--mn-secondary); color: var(--mn-secondary-fg); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#1d4ed8",
        "family": "Blue",
        "depth": "mid, saturated",
        "says": "Trust, competence, calm, distance. The world’s most-liked colour and the default of banks, software and social networks.",
        "use": "Finance, enterprise, health, anything that must feel safe. Links are expected to be blue.",
        "risk": "The safest choice is also the least memorable. A blue brand is told apart by its typography, shape and tone of voice, not by its blue."
      },
      {
        "role": "Accent",
        "hex": "#c92a1c",
        "family": "Red",
        "depth": "mid, saturated",
        "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": "#f5f1e8",
        "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": "Blue against red, close to complementary: strong contrast, so the accent must stay rare.",
    "type": {
      "body": {
        "class": "grotesque",
        "name": "Grotesque sans",
        "says": "Confident, graphic, European. A poster voice with a little warmth and irregularity.",
        "use": "Agencies, culture, campaigns, strong headlines.",
        "risk": "Heavy weights at large sizes need generous space and short lines."
      },
      "heading": {
        "class": "grotesque",
        "name": "Grotesque sans",
        "says": "Confident, graphic, European. A poster voice with a little warmth and irregularity.",
        "use": "Agencies, culture, campaigns, strong headlines.",
        "risk": "Heavy weights at large sizes need generous space and short lines."
      },
      "weight": 800,
      "summary": "One voice throughout: grotesque sans. Headings are heavy, which reads as loud and direct."
    },
    "personality": {
      "reads": [
        "flat",
        "geometric",
        "bold",
        "primary colours",
        "bauhaus"
      ],
      "intensity": 4,
      "dimensions": [],
      "suits": [
        "creative agencies",
        "education",
        "museums",
        "events",
        "design portfolios"
      ],
      "lessFor": [
        "quiet luxury",
        "healthcare"
      ],
      "tone": "Bold. Short claims, strong verbs, big numbers. Say one thing per screen and say it loudly."
    },
    "logo": "Square and angular marks fit: a wordmark in capitals or a solid block symbol. Use a heavy wordmark; a thin one would vanish beside these headings."
  },
  "url": "https://mian.ro/noodles/paccheri",
  "markdownUrl": "https://mian.ro/ai/noodles/paccheri.md",
  "stylesheet": "https://mian.ro/dist/noodles/paccheri.css",
  "usage": "<html data-noodle=\"paccheri\">",
  "fonts": {
    "sans": "\"Helvetica Neue\", Helvetica, \"Nimbus Sans\", Arial, ui-sans-serif, system-ui, sans-serif",
    "heading": "\"Helvetica Neue\", Helvetica, \"Nimbus Sans\", Arial, ui-sans-serif, system-ui, sans-serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 800,
  "radius": {
    "field": "0px",
    "box": "0px",
    "badge": "999px"
  },
  "shadow": "none",
  "density": "default",
  "glass": false,
  "light": {
    "bg": "#f5f1e8",
    "surface": "#fffdf8",
    "surface2": "#ebe5d7",
    "fg": "#141414",
    "muted": "#545454",
    "border": "#ddd6c6",
    "input": "#bdb5a4",
    "primary": "#1d4ed8",
    "primaryFg": "#ffffff",
    "secondary": "#f3c623",
    "secondaryFg": "#141414",
    "accent": "#c92a1c",
    "accentFg": "#ffffff",
    "ring": "#1d4ed8",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#1d4ed8",
    "secondaryText": "#7f691b",
    "accentText": "#c2291c",
    "successText": "#15773a",
    "warningText": "#a74e0a",
    "dangerText": "#c42424",
    "infoText": "#0369a1",
    "link": "#1d4ed8"
  },
  "dark": {
    "bg": "#101010",
    "surface": "#181818",
    "surface2": "#222222",
    "fg": "#f5f1e8",
    "muted": "#aeaaa0",
    "border": "#333333",
    "input": "#555555",
    "primary": "#8fb0ff",
    "primaryFg": "#07153d",
    "secondary": "#f3c623",
    "secondaryFg": "#141414",
    "accent": "#ff7a6e",
    "accentFg": "#2b0501",
    "ring": "#8fb0ff",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#8fb0ff",
    "secondaryText": "#f3c623",
    "accentText": "#ff7a6e",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#8fb0ff"
  },
  "css": "[data-noodle=\"paccheri\"] {\n  --mn-bg: light-dark(#f5f1e8, #101010);\n  --mn-surface: light-dark(#fffdf8, #181818);\n  --mn-surface-2: light-dark(#ebe5d7, #222222);\n  --mn-fg: light-dark(#141414, #f5f1e8);\n  --mn-muted: light-dark(#545454, #aeaaa0);\n  --mn-border: light-dark(#ddd6c6, #333333);\n  --mn-input: light-dark(#bdb5a4, #555555);\n  --mn-primary: light-dark(#1d4ed8, #8fb0ff);\n  --mn-primary-fg: light-dark(#ffffff, #07153d);\n  --mn-secondary: light-dark(#f3c623, #f3c623);\n  --mn-secondary-fg: light-dark(#141414, #141414);\n  --mn-accent: light-dark(#c92a1c, #ff7a6e);\n  --mn-accent-fg: light-dark(#ffffff, #2b0501);\n  --mn-ring: light-dark(#1d4ed8, #8fb0ff);\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(#1d4ed8, #8fb0ff);\n  --mn-secondary-text: light-dark(#7f691b, #f3c623);\n  --mn-accent-text: light-dark(#c2291c, #ff7a6e);\n  --mn-success-text: light-dark(#15773a, #4ade80);\n  --mn-warning-text: light-dark(#a74e0a, #fbbf24);\n  --mn-danger-text: light-dark(#c42424, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#1d4ed8, #8fb0ff);\n  --mn-font: \"Helvetica Neue\", Helvetica, \"Nimbus Sans\", Arial, ui-sans-serif, system-ui, sans-serif;\n  --mn-font-heading: \"Helvetica Neue\", Helvetica, \"Nimbus Sans\", Arial, ui-sans-serif, system-ui, sans-serif;\n  --mn-font-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n  --mn-heading-weight: 800;\n  --mn-radius-field: 0px;\n  --mn-radius-box: 0px;\n  --mn-radius-badge: 999px;\n  --mn-shadow-sm: none;\n  --mn-shadow-md: none;\n  --mn-shadow-lg: none;\n  --mn-size-xs: 26px;\n  --mn-size-sm: 32px;\n  --mn-size-md: 38px;\n  --mn-size-lg: 46px;\n  --mn-text-sm: 14px;\n  --mn-surface-alpha: 100%;\n  --mn-backdrop: none;\n  --mn-bg-image: none;\n}\n"
}