{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "name": "mian",
  "title": "MIAN",
  "version": "1.7.0",
  "description": "MIAN is a complete, accessible UI library for the web: one set of components and page sections, 67 design languages called noodles, from black-and-white minimal to liquid glass, hand-cut texture and bold colour, and complete website templates that work in every one of them. Plain HTML, CSS and a small script; it works in any stack.",
  "homepage": "https://mian.ro",
  "counts": {
    "components": 135,
    "noodles": 67,
    "templates": 24
  },
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": "https://mian.ro/dist/mian.js"
  },
  "start": "https://mian.ro/ai",
  "endpoints": {
    "api": "https://mian.ro/api/v1",
    "mcp": "https://mian.ro/mcp",
    "registryItems": "https://mian.ro/r/registry.json",
    "llms": "https://mian.ro/llms.txt",
    "llmsFull": "https://mian.ro/llms-full.txt",
    "agents": "https://mian.ro/AGENTS.md",
    "classes": "https://mian.ro/registry/classes.json",
    "validate": "https://mian.ro/api/v1/validate",
    "plan": "https://mian.ro/api/v1/plan",
    "findNoodles": "https://mian.ro/api/v1/noodles/find"
  },
  "rules": [
    "Load exactly https://mian.ro/dist/mian.css, plus https://mian.ro/dist/mian.js with defer when a component needs it. There is no npm package and no other CDN path: do not invent one.",
    "Use only classes that exist. Look them up (https://mian.ro/registry/classes.json, get_component, /ai/components/<id>.md) instead of inferring names by analogy with other libraries.",
    "Set the design with <html data-noodle=\"<id>\"> using a real noodle id (https://mian.ro/ai/noodles.md or find_noodles). Do not guess ids.",
    "Copy component markup from its examples, including ARIA attributes; change the words, not the structure.",
    "Compose pages from sections (mn-section > mn-container) and components. Do not write CSS for colours, spacing, radius or shadows: the noodle owns them. If something is missing, style it with --mn-* tokens only.",
    "Before finishing, check the markup with https://mian.ro/api/v1/validate or the MCP tool validate_markup, and fix every unknown class or noodle.",
    "Never invent testimonials, client logos, metrics, prices, awards or people. Use the brief’s facts or clearly marked placeholders.",
    "Keep the page working when data-noodle changes: no hard-coded colours or fonts.",
    "Licensing is settled: under the MIAN License, commercial and AI-generated use are allowed and the site you build needs no credit. Do not package MIAN itself for sale (UI kits, themes, template packs)."
  ],
  "components": [
    {
      "id": "button",
      "name": "Button",
      "category": "Actions",
      "description": "Triggers an action. Six colour roles, five variants, four sizes, icon-only, loading and disabled states.",
      "tags": [
        "button",
        "action",
        "cta",
        "submit",
        "icon button",
        "loading"
      ],
      "requiresJs": false,
      "intents": [
        "button",
        "call to action button",
        "submit button",
        "icon button",
        "loading button",
        "destructive action"
      ],
      "role": null,
      "url": "https://mian.ro/components/button",
      "metadataUrl": "https://mian.ro/registry/components/button.json"
    },
    {
      "id": "button-group",
      "name": "Button group",
      "category": "Actions",
      "description": "Joins related buttons into one control, horizontally or vertically.",
      "tags": [
        "button group",
        "segmented",
        "toolbar",
        "split button"
      ],
      "requiresJs": false,
      "intents": [
        "joined buttons",
        "segmented buttons",
        "split button",
        "toolbar buttons"
      ],
      "role": null,
      "url": "https://mian.ro/components/button-group",
      "metadataUrl": "https://mian.ro/registry/components/button-group.json"
    },
    {
      "id": "toggle-group",
      "name": "Toggle group",
      "category": "Actions",
      "description": "A set of pressable buttons, single choice like a segmented control, or multiple like a formatting toolbar.",
      "tags": [
        "toggle",
        "segmented control",
        "toolbar",
        "pressed",
        "radio group"
      ],
      "requiresJs": true,
      "intents": [
        "segmented control",
        "view switcher",
        "formatting toolbar",
        "choose one option inline",
        "grid list toggle"
      ],
      "role": null,
      "url": "https://mian.ro/components/toggle-group",
      "metadataUrl": "https://mian.ro/registry/components/toggle-group.json"
    },
    {
      "id": "dropdown",
      "name": "Dropdown menu",
      "category": "Actions",
      "description": "A menu of actions anchored to a trigger. Built on the native Popover API: top layer, light dismiss and Escape are free.",
      "tags": [
        "dropdown",
        "menu",
        "context menu",
        "actions",
        "popover",
        "more"
      ],
      "requiresJs": true,
      "intents": [
        "dropdown menu",
        "more actions menu",
        "kebab menu",
        "user menu",
        "overflow menu"
      ],
      "role": null,
      "url": "https://mian.ro/components/dropdown",
      "metadataUrl": "https://mian.ro/registry/components/dropdown.json"
    },
    {
      "id": "copy-button",
      "name": "Copy button",
      "category": "Actions",
      "description": "Copies text to the clipboard and confirms it in place, visually and for screen readers.",
      "tags": [
        "copy",
        "clipboard",
        "copy to clipboard",
        "api key",
        "install command",
        "share link"
      ],
      "requiresJs": true,
      "intents": [
        "copy to clipboard",
        "copy code",
        "copy link",
        "share link"
      ],
      "role": null,
      "url": "https://mian.ro/components/copy-button",
      "metadataUrl": "https://mian.ro/registry/components/copy-button.json"
    },
    {
      "id": "swap",
      "name": "Swap",
      "category": "Actions",
      "description": "An icon toggle that swaps between two states with a small rotation, menu/close, play/pause, sun/moon.",
      "tags": [
        "swap",
        "icon toggle",
        "toggle button",
        "hamburger",
        "animated icon",
        "like"
      ],
      "requiresJs": false,
      "intents": [
        "icon toggle",
        "play pause",
        "hamburger to close",
        "favourite toggle"
      ],
      "role": null,
      "url": "https://mian.ro/components/swap",
      "metadataUrl": "https://mian.ro/registry/components/swap.json"
    },
    {
      "id": "hold-button",
      "name": "Hold to confirm",
      "category": "Actions",
      "description": "A button that must be held for a moment before it acts. For actions that are hard to undo, without a second dialog.",
      "tags": [
        "hold to confirm",
        "press and hold",
        "delete button",
        "destructive action",
        "confirm",
        "long press",
        "safety"
      ],
      "requiresJs": true,
      "intents": [
        "hold to delete",
        "press and hold to confirm",
        "safe destructive action"
      ],
      "role": null,
      "url": "https://mian.ro/components/hold-button",
      "metadataUrl": "https://mian.ro/registry/components/hold-button.json"
    },
    {
      "id": "field",
      "name": "Field",
      "category": "Forms",
      "description": "Label, control, hint and error message wired together, plus form and fieldset layout.",
      "tags": [
        "form",
        "label",
        "hint",
        "error",
        "validation",
        "fieldset",
        "layout"
      ],
      "requiresJs": false,
      "intents": [
        "form field",
        "label and hint",
        "form layout",
        "validation error",
        "fieldset"
      ],
      "role": null,
      "url": "https://mian.ro/components/field",
      "metadataUrl": "https://mian.ro/registry/components/field.json"
    },
    {
      "id": "input",
      "name": "Input",
      "category": "Forms",
      "description": "Single-line text entry. Styles every native input type: text, email, password, search, number, date, time, color.",
      "tags": [
        "input",
        "text field",
        "textbox",
        "email",
        "password",
        "date",
        "search"
      ],
      "requiresJs": false,
      "intents": [
        "text input",
        "email field",
        "search field",
        "date input",
        "form input"
      ],
      "role": null,
      "url": "https://mian.ro/components/input",
      "metadataUrl": "https://mian.ro/registry/components/input.json"
    },
    {
      "id": "textarea",
      "name": "Textarea",
      "category": "Forms",
      "description": "Multi-line text. Grows with its content in browsers that support field-sizing.",
      "tags": [
        "textarea",
        "multiline",
        "comment",
        "message"
      ],
      "requiresJs": false,
      "intents": [
        "message box",
        "multi-line text",
        "comment field",
        "description field"
      ],
      "role": null,
      "url": "https://mian.ro/components/textarea",
      "metadataUrl": "https://mian.ro/registry/components/textarea.json"
    },
    {
      "id": "select",
      "name": "Select",
      "category": "Forms",
      "description": "A styled native select. Keeps the platform picker on mobile and full keyboard support everywhere.",
      "tags": [
        "select",
        "dropdown",
        "picker",
        "options"
      ],
      "requiresJs": false,
      "intents": [
        "dropdown select",
        "choose from list",
        "country select",
        "native select"
      ],
      "role": null,
      "url": "https://mian.ro/components/select",
      "metadataUrl": "https://mian.ro/registry/components/select.json"
    },
    {
      "id": "checkbox",
      "name": "Checkbox",
      "category": "Forms",
      "description": "Native checkbox, restyled. Checked, indeterminate, disabled and invalid states; any colour role.",
      "tags": [
        "checkbox",
        "check",
        "boolean",
        "agree",
        "multi select"
      ],
      "requiresJs": false,
      "intents": [
        "checkbox",
        "agree to terms",
        "multiple choice",
        "select all rows"
      ],
      "role": null,
      "url": "https://mian.ro/components/checkbox",
      "metadataUrl": "https://mian.ro/registry/components/checkbox.json"
    },
    {
      "id": "radio",
      "name": "Radio",
      "category": "Forms",
      "description": "Native radio button, restyled. Use for one choice from a short list.",
      "tags": [
        "radio",
        "option",
        "choice",
        "single select"
      ],
      "requiresJs": false,
      "intents": [
        "radio buttons",
        "single choice",
        "choose one"
      ],
      "role": null,
      "url": "https://mian.ro/components/radio",
      "metadataUrl": "https://mian.ro/registry/components/radio.json"
    },
    {
      "id": "switch",
      "name": "Switch",
      "category": "Forms",
      "description": "An on/off toggle for settings that apply immediately. A native checkbox with role=\"switch\".",
      "tags": [
        "switch",
        "toggle",
        "on off",
        "settings"
      ],
      "requiresJs": false,
      "intents": [
        "toggle switch",
        "on off setting",
        "enable feature",
        "settings toggle"
      ],
      "role": null,
      "url": "https://mian.ro/components/switch",
      "metadataUrl": "https://mian.ro/registry/components/switch.json"
    },
    {
      "id": "slider",
      "name": "Slider",
      "category": "Forms",
      "description": "A styled native range input with a filled track. Works without JS; mian.js paints the fill in WebKit.",
      "tags": [
        "slider",
        "range",
        "volume",
        "value"
      ],
      "requiresJs": true,
      "intents": [
        "range slider",
        "price range",
        "volume",
        "numeric range input"
      ],
      "role": null,
      "url": "https://mian.ro/components/slider",
      "metadataUrl": "https://mian.ro/registry/components/slider.json"
    },
    {
      "id": "file-input",
      "name": "File input",
      "category": "Forms",
      "description": "A styled native file picker, and a drag-and-drop zone that wraps one.",
      "tags": [
        "file",
        "upload",
        "dropzone",
        "drag and drop",
        "attachment"
      ],
      "requiresJs": true,
      "intents": [
        "file upload",
        "drag and drop upload",
        "attach file",
        "image upload"
      ],
      "role": null,
      "url": "https://mian.ro/components/file-input",
      "metadataUrl": "https://mian.ro/registry/components/file-input.json"
    },
    {
      "id": "input-group",
      "name": "Input group",
      "category": "Forms",
      "description": "An input with leading or trailing addons, text, icons or buttons, inside one border.",
      "tags": [
        "input group",
        "addon",
        "prefix",
        "suffix",
        "icon input",
        "search"
      ],
      "requiresJs": false,
      "intents": [
        "input with prefix",
        "url field",
        "currency input",
        "search with button"
      ],
      "role": null,
      "url": "https://mian.ro/components/input-group",
      "metadataUrl": "https://mian.ro/registry/components/input-group.json"
    },
    {
      "id": "number-input",
      "name": "Number input",
      "category": "Forms",
      "description": "A stepper: a numeric input between decrement and increment buttons. Respects min, max and step; hold to repeat.",
      "tags": [
        "number",
        "stepper",
        "quantity",
        "counter",
        "increment"
      ],
      "requiresJs": true,
      "intents": [
        "quantity stepper",
        "plus minus quantity",
        "number of guests",
        "cart quantity"
      ],
      "role": null,
      "url": "https://mian.ro/components/number-input",
      "metadataUrl": "https://mian.ro/registry/components/number-input.json"
    },
    {
      "id": "otp-input",
      "name": "OTP input",
      "category": "Forms",
      "description": "One-time-code entry. Auto-advances, handles backspace and paste, supports SMS autofill on the first box.",
      "tags": [
        "otp",
        "pin",
        "verification code",
        "2fa",
        "one time code"
      ],
      "requiresJs": true,
      "intents": [
        "verification code",
        "one time password",
        "2fa code",
        "pin entry"
      ],
      "role": null,
      "url": "https://mian.ro/components/otp-input",
      "metadataUrl": "https://mian.ro/registry/components/otp-input.json"
    },
    {
      "id": "rating",
      "name": "Rating",
      "category": "Forms",
      "description": "Star rating built from radio buttons, so it submits with a form and needs no JavaScript.",
      "tags": [
        "rating",
        "stars",
        "review",
        "score"
      ],
      "requiresJs": false,
      "intents": [
        "star rating input",
        "rate a product",
        "review stars"
      ],
      "role": null,
      "url": "https://mian.ro/components/rating",
      "metadataUrl": "https://mian.ro/registry/components/rating.json"
    },
    {
      "id": "combobox",
      "name": "Combobox",
      "category": "Forms",
      "description": "Autocomplete: a text input that filters a listbox as you type. Keyboard navigation and aria-activedescendant included.",
      "tags": [
        "combobox",
        "autocomplete",
        "typeahead",
        "searchable select",
        "filter"
      ],
      "requiresJs": true,
      "intents": [
        "autocomplete",
        "searchable select",
        "typeahead",
        "filter as you type"
      ],
      "role": null,
      "url": "https://mian.ro/components/combobox",
      "metadataUrl": "https://mian.ro/registry/components/combobox.json"
    },
    {
      "id": "calendar",
      "name": "Calendar",
      "category": "Forms",
      "description": "A month grid for picking a date, on its own or in a popover as a date field. Full keyboard support and locale-aware names.",
      "tags": [
        "calendar",
        "date picker",
        "datepicker",
        "date field",
        "month",
        "day",
        "schedule"
      ],
      "requiresJs": true,
      "intents": [
        "date picker",
        "booking calendar",
        "date range picker",
        "check-in check-out",
        "choose a day"
      ],
      "role": null,
      "url": "https://mian.ro/components/calendar",
      "metadataUrl": "https://mian.ro/registry/components/calendar.json"
    },
    {
      "id": "tag-input",
      "name": "Tag input",
      "category": "Forms",
      "description": "Type to add tags as removable chips. Enter or comma adds, Backspace removes, pasted lists are split.",
      "tags": [
        "tag input",
        "tags",
        "chips input",
        "token field",
        "multi value",
        "labels",
        "keywords"
      ],
      "requiresJs": true,
      "intents": [
        "tags input",
        "add keywords",
        "multi value input",
        "email recipients"
      ],
      "role": null,
      "url": "https://mian.ro/components/tag-input",
      "metadataUrl": "https://mian.ro/registry/components/tag-input.json"
    },
    {
      "id": "password-input",
      "name": "Password field",
      "category": "Forms",
      "description": "A password input with a show/hide toggle and an optional four-step strength meter.",
      "tags": [
        "password",
        "show password",
        "reveal",
        "strength meter",
        "sign up",
        "credentials"
      ],
      "requiresJs": true,
      "intents": [
        "password field",
        "show password",
        "password strength",
        "new password"
      ],
      "role": null,
      "url": "https://mian.ro/components/password-input",
      "metadataUrl": "https://mian.ro/registry/components/password-input.json"
    },
    {
      "id": "swatch-picker",
      "name": "Swatch picker",
      "category": "Forms",
      "description": "Pick a colour (or any visual option) from round swatches. Real radio buttons underneath.",
      "tags": [
        "swatch",
        "color picker",
        "colour picker",
        "palette",
        "variant selector",
        "product options"
      ],
      "requiresJs": false,
      "intents": [
        "colour picker",
        "product colour options",
        "variant swatches",
        "theme colour choice"
      ],
      "role": null,
      "url": "https://mian.ro/components/swatch-picker",
      "metadataUrl": "https://mian.ro/registry/components/swatch-picker.json"
    },
    {
      "id": "time-slots",
      "name": "Time slots",
      "category": "Forms",
      "description": "A grid of bookable times, available, nearly full or taken, built on radio buttons.",
      "tags": [
        "time slots",
        "booking",
        "appointment",
        "reservation",
        "schedule",
        "availability",
        "time picker",
        "calendar booking"
      ],
      "requiresJs": false,
      "intents": [
        "appointment times",
        "book a time",
        "available slots",
        "booking module",
        "reservation time"
      ],
      "role": null,
      "url": "https://mian.ro/components/time-slots",
      "metadataUrl": "https://mian.ro/registry/components/time-slots.json"
    },
    {
      "id": "seat-map",
      "name": "Seat map",
      "category": "Forms",
      "description": "Pick seats for a cinema, theatre, bus or venue: rows, an aisle, taken and accessible seats, and a legend.",
      "tags": [
        "seat map",
        "seat picker",
        "seating",
        "cinema",
        "theatre",
        "tickets",
        "venue",
        "booking",
        "bus",
        "flight seats"
      ],
      "requiresJs": false,
      "intents": [
        "seat selection",
        "cinema seats",
        "theatre booking",
        "bus seats",
        "venue map"
      ],
      "role": null,
      "url": "https://mian.ro/components/seat-map",
      "metadataUrl": "https://mian.ro/registry/components/seat-map.json"
    },
    {
      "id": "radio-card",
      "name": "Option cards",
      "category": "Forms",
      "description": "Selectable cards for shipping, plans or payment, and pill options for sizes and variants.",
      "tags": [
        "radio card",
        "option card",
        "selectable card",
        "shipping options",
        "plan picker",
        "size picker",
        "variant",
        "checkout",
        "choice"
      ],
      "requiresJs": false,
      "intents": [
        "shipping options",
        "choose a plan",
        "payment method",
        "size picker",
        "option cards",
        "delivery choice"
      ],
      "role": null,
      "url": "https://mian.ro/components/radio-card",
      "metadataUrl": "https://mian.ro/registry/components/radio-card.json"
    },
    {
      "id": "date-range",
      "name": "Date range",
      "category": "Forms",
      "description": "Pick a period for a report: presets for the common ranges and two dates for anything else.",
      "tags": [
        "date range",
        "period picker",
        "last 7 days",
        "last 30 days",
        "report period",
        "from to",
        "analytics filter",
        "dashboard filter"
      ],
      "requiresJs": true,
      "intents": [
        "date range picker",
        "report period",
        "last 30 days filter",
        "from and to dates"
      ],
      "role": null,
      "url": "https://mian.ro/components/date-range",
      "metadataUrl": "https://mian.ro/registry/components/date-range.json"
    },
    {
      "id": "task-list",
      "name": "Task list",
      "category": "Forms",
      "description": "A checklist where a finished task is struck through as the box is ticked.",
      "tags": [
        "task list",
        "todo",
        "checklist",
        "to-do list",
        "tasks",
        "done",
        "strike through"
      ],
      "requiresJs": false,
      "intents": [
        "todo list",
        "checklist with strike through",
        "tasks",
        "launch checklist"
      ],
      "role": null,
      "url": "https://mian.ro/components/task-list",
      "metadataUrl": "https://mian.ro/registry/components/task-list.json"
    },
    {
      "id": "duration-picker",
      "name": "Duration picker",
      "category": "Forms",
      "description": "Hours, minutes and seconds as three small fields that move on as you type.",
      "tags": [
        "duration",
        "time length",
        "timer",
        "hours minutes seconds",
        "cooking time",
        "video length",
        "time input"
      ],
      "requiresJs": true,
      "intents": [
        "duration input",
        "hours minutes seconds",
        "timer length",
        "time span"
      ],
      "role": null,
      "url": "https://mian.ro/components/duration-picker",
      "metadataUrl": "https://mian.ro/registry/components/duration-picker.json"
    },
    {
      "id": "typography",
      "name": "Typography",
      "category": "Data display",
      "description": "Headings, lead, body, links, quotes and lists that follow the noodle's heading and body fonts.",
      "tags": [
        "typography",
        "heading",
        "text",
        "prose",
        "article"
      ],
      "requiresJs": false,
      "intents": [
        "headings",
        "text styles",
        "prose",
        "rich text",
        "lists and quotes"
      ],
      "role": null,
      "url": "https://mian.ro/components/typography",
      "metadataUrl": "https://mian.ro/registry/components/typography.json"
    },
    {
      "id": "avatar",
      "name": "Avatar",
      "category": "Data display",
      "description": "An image, initials or icon representing a person or entity. Sizes, shapes, presence and stacked groups.",
      "tags": [
        "avatar",
        "profile",
        "user",
        "initials",
        "presence",
        "group"
      ],
      "requiresJs": false,
      "intents": [
        "user picture",
        "initials",
        "profile image",
        "avatar group",
        "presence dot"
      ],
      "role": null,
      "url": "https://mian.ro/components/avatar",
      "metadataUrl": "https://mian.ro/registry/components/avatar.json"
    },
    {
      "id": "badge",
      "name": "Badge",
      "category": "Data display",
      "description": "A compact label for status, counts and categories.",
      "tags": [
        "badge",
        "label",
        "status",
        "count",
        "tag",
        "pill"
      ],
      "requiresJs": false,
      "intents": [
        "status label",
        "count badge",
        "tag",
        "new label",
        "category label"
      ],
      "role": null,
      "url": "https://mian.ro/components/badge",
      "metadataUrl": "https://mian.ro/registry/components/badge.json"
    },
    {
      "id": "chip",
      "name": "Chip",
      "category": "Data display",
      "description": "Removable tags and toggleable filter chips.",
      "tags": [
        "chip",
        "tag",
        "token",
        "filter",
        "removable",
        "input chips"
      ],
      "requiresJs": true,
      "intents": [
        "filter chips",
        "removable tags",
        "selected filters",
        "toggle filters"
      ],
      "role": null,
      "url": "https://mian.ro/components/chip",
      "metadataUrl": "https://mian.ro/registry/components/chip.json"
    },
    {
      "id": "card",
      "name": "Card",
      "category": "Data display",
      "description": "A surface for grouped content: header, body, footer, media and actions.",
      "tags": [
        "card",
        "panel",
        "surface",
        "container",
        "tile"
      ],
      "requiresJs": false,
      "intents": [
        "card",
        "content box",
        "panel",
        "settings card",
        "summary card"
      ],
      "role": null,
      "url": "https://mian.ro/components/card",
      "metadataUrl": "https://mian.ro/registry/components/card.json"
    },
    {
      "id": "table",
      "name": "Table",
      "category": "Data display",
      "description": "Data tables with hover, striping, compact density, selection, numeric alignment and sortable columns.",
      "tags": [
        "table",
        "data table",
        "grid",
        "rows",
        "sort",
        "datagrid"
      ],
      "requiresJs": true,
      "intents": [
        "data table",
        "sortable table",
        "admin table",
        "transactions list",
        "comparison table",
        "dense data"
      ],
      "role": null,
      "url": "https://mian.ro/components/table",
      "metadataUrl": "https://mian.ro/registry/components/table.json"
    },
    {
      "id": "list",
      "name": "List",
      "category": "Data display",
      "description": "Bordered lists of rows with titles, descriptions, avatars and trailing content, or links.",
      "tags": [
        "list",
        "list group",
        "rows",
        "items",
        "inbox"
      ],
      "requiresJs": false,
      "intents": [
        "list of items",
        "members list",
        "settings list",
        "link list",
        "inbox rows"
      ],
      "role": null,
      "url": "https://mian.ro/components/list",
      "metadataUrl": "https://mian.ro/registry/components/list.json"
    },
    {
      "id": "kbd",
      "name": "Kbd",
      "category": "Data display",
      "description": "Keyboard keys and shortcuts.",
      "tags": [
        "kbd",
        "keyboard",
        "shortcut",
        "hotkey"
      ],
      "requiresJs": false,
      "intents": [
        "keyboard shortcut",
        "key hint",
        "hotkey"
      ],
      "role": null,
      "url": "https://mian.ro/components/kbd",
      "metadataUrl": "https://mian.ro/registry/components/kbd.json"
    },
    {
      "id": "code",
      "name": "Code",
      "category": "Data display",
      "description": "Inline code and code blocks in the noodle's monospace font.",
      "tags": [
        "code",
        "pre",
        "snippet",
        "monospace"
      ],
      "requiresJs": false,
      "intents": [
        "code block",
        "inline code",
        "snippet",
        "terminal command"
      ],
      "role": null,
      "url": "https://mian.ro/components/code",
      "metadataUrl": "https://mian.ro/registry/components/code.json"
    },
    {
      "id": "stat",
      "name": "Stat",
      "category": "Data display",
      "description": "Key metrics with labels and trend deltas, alone or in a joined row.",
      "tags": [
        "stat",
        "metric",
        "kpi",
        "number",
        "dashboard"
      ],
      "requiresJs": false,
      "intents": [
        "kpi",
        "metric card",
        "dashboard numbers",
        "revenue stat",
        "trend delta"
      ],
      "role": null,
      "url": "https://mian.ro/components/stat",
      "metadataUrl": "https://mian.ro/registry/components/stat.json"
    },
    {
      "id": "chart",
      "name": "Chart",
      "category": "Data display",
      "description": "Bar, horizontal bar, line/area and donut charts from plain markup. Each noodle draws them in its own style.",
      "tags": [
        "chart",
        "graph",
        "bar chart",
        "line chart",
        "area",
        "donut",
        "pie",
        "sparkline",
        "dashboard"
      ],
      "requiresJs": true,
      "intents": [
        "bar chart",
        "line chart",
        "donut chart",
        "graph",
        "analytics chart",
        "revenue over time"
      ],
      "role": null,
      "url": "https://mian.ro/components/chart",
      "metadataUrl": "https://mian.ro/registry/components/chart.json"
    },
    {
      "id": "timeline",
      "name": "Timeline",
      "category": "Data display",
      "description": "A vertical sequence of events with markers, titles, times and content.",
      "tags": [
        "timeline",
        "activity",
        "history",
        "feed",
        "log"
      ],
      "requiresJs": false,
      "intents": [
        "timeline",
        "order tracking",
        "history",
        "activity log",
        "company history"
      ],
      "role": null,
      "url": "https://mian.ro/components/timeline",
      "metadataUrl": "https://mian.ro/registry/components/timeline.json"
    },
    {
      "id": "accordion",
      "name": "Accordion",
      "category": "Data display",
      "description": "Stacked disclosure sections. Native <details>; give them the same name for exclusive open.",
      "tags": [
        "accordion",
        "faq",
        "disclosure",
        "expand",
        "collapse",
        "details"
      ],
      "requiresJs": false,
      "intents": [
        "collapsible sections",
        "expand collapse",
        "details list",
        "product details accordion"
      ],
      "role": null,
      "url": "https://mian.ro/components/accordion",
      "metadataUrl": "https://mian.ro/registry/components/accordion.json"
    },
    {
      "id": "description-list",
      "name": "Description list",
      "category": "Data display",
      "description": "Key–value pairs for detail views and summaries.",
      "tags": [
        "description list",
        "dl",
        "key value",
        "details",
        "properties"
      ],
      "requiresJs": false,
      "intents": [
        "key value pairs",
        "specs",
        "order details",
        "fact box",
        "properties"
      ],
      "role": null,
      "url": "https://mian.ro/components/description-list",
      "metadataUrl": "https://mian.ro/registry/components/description-list.json"
    },
    {
      "id": "divider",
      "name": "Divider",
      "category": "Data display",
      "description": "A horizontal or vertical rule, optionally with a label.",
      "tags": [
        "divider",
        "separator",
        "hr",
        "rule"
      ],
      "requiresJs": false,
      "intents": [
        "separator",
        "horizontal rule",
        "or divider"
      ],
      "role": null,
      "url": "https://mian.ro/components/divider",
      "metadataUrl": "https://mian.ro/registry/components/divider.json"
    },
    {
      "id": "skeleton",
      "name": "Skeleton",
      "category": "Data display",
      "description": "Loading placeholders shaped like the content that is coming.",
      "tags": [
        "skeleton",
        "loading",
        "placeholder",
        "shimmer"
      ],
      "requiresJs": false,
      "intents": [
        "loading placeholder",
        "content loading",
        "shimmer"
      ],
      "role": null,
      "url": "https://mian.ro/components/skeleton",
      "metadataUrl": "https://mian.ro/registry/components/skeleton.json"
    },
    {
      "id": "empty-state",
      "name": "Empty state",
      "category": "Data display",
      "description": "What to show when there is nothing to show, with a next step.",
      "tags": [
        "empty state",
        "no results",
        "zero state",
        "placeholder"
      ],
      "requiresJs": false,
      "intents": [
        "no results",
        "nothing here yet",
        "first use",
        "empty inbox",
        "zero state"
      ],
      "role": null,
      "url": "https://mian.ro/components/empty-state",
      "metadataUrl": "https://mian.ro/registry/components/empty-state.json"
    },
    {
      "id": "indicator",
      "name": "Indicator",
      "category": "Data display",
      "description": "A count or status dot pinned to the corner of any element, avatars, icons, buttons.",
      "tags": [
        "indicator",
        "notification dot",
        "badge count",
        "status dot",
        "presence",
        "unread"
      ],
      "requiresJs": false,
      "intents": [
        "notification dot",
        "unread count",
        "status dot on avatar"
      ],
      "role": null,
      "url": "https://mian.ro/components/indicator",
      "metadataUrl": "https://mian.ro/registry/components/indicator.json"
    },
    {
      "id": "chat",
      "name": "Chat",
      "category": "Data display",
      "description": "Message bubbles for conversations and assistants, with avatars, timestamps and a typing state.",
      "tags": [
        "chat",
        "message",
        "bubble",
        "conversation",
        "assistant",
        "ai chat",
        "messenger"
      ],
      "requiresJs": false,
      "intents": [
        "chat",
        "messages",
        "ai assistant conversation",
        "support chat",
        "message bubbles"
      ],
      "role": null,
      "url": "https://mian.ro/components/chat",
      "metadataUrl": "https://mian.ro/registry/components/chat.json"
    },
    {
      "id": "tree",
      "name": "Tree view",
      "category": "Data display",
      "description": "Nested, collapsible lists, file trees, navigation and outlines, built on native <details>.",
      "tags": [
        "tree",
        "tree view",
        "file tree",
        "explorer",
        "outline",
        "nested list",
        "folders"
      ],
      "requiresJs": false,
      "intents": [
        "file tree",
        "nested navigation",
        "folder structure",
        "outline"
      ],
      "role": null,
      "url": "https://mian.ro/components/tree",
      "metadataUrl": "https://mian.ro/registry/components/tree.json"
    },
    {
      "id": "kanban",
      "name": "Kanban board",
      "category": "Data display",
      "description": "Columns of cards for a pipeline, sprint or sales process, counts, colour dots and card meta.",
      "tags": [
        "kanban",
        "board",
        "pipeline",
        "columns",
        "tasks",
        "sprint",
        "deals",
        "crm",
        "trello",
        "workflow",
        "saas"
      ],
      "requiresJs": false,
      "intents": [
        "kanban board",
        "deals pipeline",
        "task board",
        "sprint board",
        "columns of cards"
      ],
      "role": null,
      "url": "https://mian.ro/components/kanban",
      "metadataUrl": "https://mian.ro/registry/components/kanban.json"
    },
    {
      "id": "usage-meter",
      "name": "Usage meter",
      "category": "Data display",
      "description": "Plan usage against limits, seats, storage, API calls, with warning and over-limit states.",
      "tags": [
        "usage",
        "meter",
        "quota",
        "limits",
        "plan usage",
        "billing",
        "storage",
        "saas",
        "consumption"
      ],
      "requiresJs": false,
      "intents": [
        "plan usage",
        "quota",
        "storage used",
        "seats used",
        "billing limits"
      ],
      "role": null,
      "url": "https://mian.ro/components/usage-meter",
      "metadataUrl": "https://mian.ro/registry/components/usage-meter.json"
    },
    {
      "id": "notifications",
      "name": "Notification list",
      "category": "Data display",
      "description": "An inbox of notifications with unread markers, icons or avatars, times and inline actions.",
      "tags": [
        "notifications",
        "inbox",
        "activity",
        "alerts",
        "feed",
        "bell",
        "updates",
        "saas"
      ],
      "requiresJs": false,
      "intents": [
        "notifications list",
        "inbox",
        "activity feed",
        "alerts center"
      ],
      "role": null,
      "url": "https://mian.ro/components/notifications",
      "metadataUrl": "https://mian.ro/registry/components/notifications.json"
    },
    {
      "id": "invoice",
      "name": "Invoice",
      "category": "Data display",
      "description": "A printable invoice or receipt: parties, line items, totals with tax, and payment notes.",
      "tags": [
        "invoice",
        "receipt",
        "bill",
        "quote",
        "order",
        "billing",
        "sales",
        "accounting",
        "print"
      ],
      "requiresJs": false,
      "intents": [
        "invoice",
        "receipt",
        "bill",
        "order summary",
        "printable document"
      ],
      "role": null,
      "url": "https://mian.ro/components/invoice",
      "metadataUrl": "https://mian.ro/registry/components/invoice.json"
    },
    {
      "id": "funnel",
      "name": "Funnel",
      "category": "Data display",
      "description": "Conversion through the stages of a funnel, visits to signups to paid, with the rate between steps.",
      "tags": [
        "funnel",
        "conversion",
        "pipeline",
        "sales",
        "marketing",
        "analytics",
        "chart",
        "drop-off"
      ],
      "requiresJs": false,
      "intents": [
        "conversion funnel",
        "sales funnel",
        "drop-off",
        "signup funnel"
      ],
      "role": null,
      "url": "https://mian.ro/components/funnel",
      "metadataUrl": "https://mian.ro/registry/components/funnel.json"
    },
    {
      "id": "leaderboard",
      "name": "Leaderboard",
      "category": "Data display",
      "description": "A ranked list, top sellers, customers, contributors, with medals for the top three and a trend.",
      "tags": [
        "leaderboard",
        "ranking",
        "top",
        "sales team",
        "scores",
        "standings",
        "best sellers",
        "gamification"
      ],
      "requiresJs": false,
      "intents": [
        "ranking",
        "top sellers",
        "leaderboard",
        "top customers"
      ],
      "role": null,
      "url": "https://mian.ro/components/leaderboard",
      "metadataUrl": "https://mian.ro/registry/components/leaderboard.json"
    },
    {
      "id": "product-gallery",
      "name": "Product gallery",
      "category": "Data display",
      "description": "A main image with clickable thumbnails, pure CSS, keyboard-friendly, up to six images.",
      "tags": [
        "gallery",
        "product gallery",
        "images",
        "thumbnails",
        "photos",
        "ecommerce",
        "shop",
        "carousel",
        "lightbox"
      ],
      "requiresJs": false,
      "intents": [
        "product images",
        "image gallery",
        "thumbnails",
        "product photos"
      ],
      "role": null,
      "url": "https://mian.ro/components/product-gallery",
      "metadataUrl": "https://mian.ro/registry/components/product-gallery.json"
    },
    {
      "id": "review-summary",
      "name": "Review summary",
      "category": "Data display",
      "description": "An average rating with stars, the number of reviews and a distribution of 5 to 1 stars.",
      "tags": [
        "reviews",
        "rating",
        "stars",
        "rating summary",
        "feedback",
        "ecommerce",
        "product reviews",
        "score"
      ],
      "requiresJs": false,
      "intents": [
        "reviews summary",
        "average rating",
        "rating distribution",
        "customer reviews"
      ],
      "role": null,
      "url": "https://mian.ro/components/review-summary",
      "metadataUrl": "https://mian.ro/registry/components/review-summary.json"
    },
    {
      "id": "post",
      "name": "Social post",
      "category": "Data display",
      "description": "A post in a feed: author, time, text, media and like / reply / repost / share actions with counts.",
      "tags": [
        "post",
        "social",
        "feed",
        "tweet",
        "status",
        "like",
        "comment",
        "share",
        "timeline",
        "social media"
      ],
      "requiresJs": true,
      "intents": [
        "social post",
        "feed item",
        "like and share",
        "status update"
      ],
      "role": null,
      "url": "https://mian.ro/components/post",
      "metadataUrl": "https://mian.ro/registry/components/post.json"
    },
    {
      "id": "profile-header",
      "name": "Profile header",
      "category": "Data display",
      "description": "The top of a profile page: cover, avatar, name, bio, details, stats and a follow button.",
      "tags": [
        "profile",
        "user profile",
        "account",
        "cover",
        "bio",
        "followers",
        "social",
        "about me",
        "creator"
      ],
      "requiresJs": false,
      "intents": [
        "profile page",
        "user profile",
        "account header",
        "creator profile"
      ],
      "role": null,
      "url": "https://mian.ro/components/profile-header",
      "metadataUrl": "https://mian.ro/registry/components/profile-header.json"
    },
    {
      "id": "comment-thread",
      "name": "Comment thread",
      "category": "Data display",
      "description": "Nested comments with replies, times and reply / like actions.",
      "tags": [
        "comments",
        "thread",
        "replies",
        "discussion",
        "conversation",
        "forum",
        "nested",
        "social"
      ],
      "requiresJs": false,
      "intents": [
        "comments",
        "replies",
        "discussion",
        "nested comments"
      ],
      "role": null,
      "url": "https://mian.ro/components/comment-thread",
      "metadataUrl": "https://mian.ro/registry/components/comment-thread.json"
    },
    {
      "id": "filter-bar",
      "name": "Filter bar",
      "category": "Data display",
      "description": "The toolbar above a list or table: search, quick filter chips, sort, a view switch and the result count.",
      "tags": [
        "filter bar",
        "toolbar",
        "filters",
        "search and filter",
        "sort",
        "facets",
        "table toolbar",
        "admin",
        "ecommerce",
        "listing filters"
      ],
      "requiresJs": false,
      "intents": [
        "filters",
        "filter toolbar",
        "search and filter",
        "table toolbar",
        "sort and filter results",
        "faceted search",
        "admin filters"
      ],
      "role": null,
      "url": "https://mian.ro/components/filter-bar",
      "metadataUrl": "https://mian.ro/registry/components/filter-bar.json"
    },
    {
      "id": "bulk-actions",
      "name": "Bulk actions",
      "category": "Data display",
      "description": "A bar that appears when rows are selected, the count, actions for the selection, and a way out, with select-all.",
      "tags": [
        "bulk actions",
        "selection bar",
        "batch actions",
        "multi select",
        "table selection",
        "admin",
        "archive selected",
        "delete selected"
      ],
      "requiresJs": true,
      "intents": [
        "bulk actions",
        "select rows",
        "batch edit",
        "archive selected",
        "selection toolbar"
      ],
      "role": null,
      "url": "https://mian.ro/components/bulk-actions",
      "metadataUrl": "https://mian.ro/registry/components/bulk-actions.json"
    },
    {
      "id": "curriculum",
      "name": "Curriculum",
      "category": "Data display",
      "description": "Modules and lessons of a course with durations, lesson type, done and locked states, each module a native disclosure.",
      "tags": [
        "curriculum",
        "course outline",
        "syllabus",
        "lessons",
        "modules",
        "education",
        "learning",
        "table of contents",
        "programme"
      ],
      "requiresJs": false,
      "intents": [
        "course curriculum",
        "syllabus",
        "lesson list",
        "course modules",
        "training outline"
      ],
      "role": null,
      "url": "https://mian.ro/components/curriculum",
      "metadataUrl": "https://mian.ro/registry/components/curriculum.json"
    },
    {
      "id": "listing-card",
      "name": "Listing card",
      "category": "Data display",
      "description": "A property, rental or venue in a results grid: photo, price, key facts, address and a save toggle, the title is the link.",
      "tags": [
        "listing card",
        "property card",
        "real estate",
        "rental",
        "apartment",
        "house",
        "venue",
        "search results",
        "marketplace",
        "airbnb style"
      ],
      "requiresJs": true,
      "intents": [
        "property listing",
        "real estate card",
        "rental listing",
        "apartment card",
        "marketplace listing",
        "venue card"
      ],
      "role": null,
      "url": "https://mian.ro/components/listing-card",
      "metadataUrl": "https://mian.ro/registry/components/listing-card.json"
    },
    {
      "id": "kpi",
      "name": "KPI card",
      "category": "Data display",
      "description": "One number that matters, with its change, a sparkline you can hover and a line of context.",
      "tags": [
        "kpi",
        "metric card",
        "sparkline",
        "dashboard card",
        "trend",
        "analytics",
        "number card",
        "stat with chart"
      ],
      "requiresJs": true,
      "intents": [
        "kpi card",
        "metric with sparkline",
        "number with trend",
        "dashboard headline numbers",
        "revenue card"
      ],
      "role": null,
      "url": "https://mian.ro/components/kpi",
      "metadataUrl": "https://mian.ro/registry/components/kpi.json"
    },
    {
      "id": "heatmap",
      "name": "Heatmap",
      "category": "Data display",
      "description": "Activity by day, or by hour and weekday, as a grid of cells whose depth of colour is the value. Hover a cell for the exact number.",
      "tags": [
        "heatmap",
        "activity calendar",
        "contribution graph",
        "calendar heatmap",
        "busy hours",
        "usage by day",
        "dashboard"
      ],
      "requiresJs": false,
      "intents": [
        "activity heatmap",
        "calendar heatmap",
        "contribution graph",
        "busiest days",
        "usage by hour"
      ],
      "role": null,
      "url": "https://mian.ro/components/heatmap",
      "metadataUrl": "https://mian.ro/registry/components/heatmap.json"
    },
    {
      "id": "gauge",
      "name": "Gauge",
      "category": "Data display",
      "description": "A half-circle meter for one value against a known range: a score, a quota, a target.",
      "tags": [
        "gauge",
        "meter",
        "score",
        "speedometer",
        "health score",
        "nps",
        "target",
        "dial"
      ],
      "requiresJs": false,
      "intents": [
        "gauge",
        "score dial",
        "meter",
        "health score",
        "quota dial",
        "target progress"
      ],
      "role": null,
      "url": "https://mian.ro/components/gauge",
      "metadataUrl": "https://mian.ro/registry/components/gauge.json"
    },
    {
      "id": "breakdown",
      "name": "Breakdown",
      "category": "Data display",
      "description": "How a total splits into parts: one stacked bar and a list with each part’s value and share.",
      "tags": [
        "breakdown",
        "stacked bar",
        "share",
        "distribution",
        "by channel",
        "by category",
        "legend",
        "composition",
        "dashboard"
      ],
      "requiresJs": false,
      "intents": [
        "stacked bar with legend",
        "share by category",
        "traffic sources",
        "sales by channel",
        "budget split"
      ],
      "role": null,
      "url": "https://mian.ro/components/breakdown",
      "metadataUrl": "https://mian.ro/registry/components/breakdown.json"
    },
    {
      "id": "uptime",
      "name": "Uptime",
      "category": "Data display",
      "description": "A status page row: a service, its state today and one bar per day of history. Hover a day for what happened.",
      "tags": [
        "uptime",
        "status page",
        "service status",
        "incidents",
        "availability",
        "health",
        "monitoring",
        "sla"
      ],
      "requiresJs": false,
      "intents": [
        "status page",
        "service uptime",
        "incident history",
        "system status",
        "availability bars"
      ],
      "role": null,
      "url": "https://mian.ro/components/uptime",
      "metadataUrl": "https://mian.ro/registry/components/uptime.json"
    },
    {
      "id": "voice-note",
      "name": "Voice note",
      "category": "Data display",
      "description": "An audio message as a waveform: play, pause, see where you are and drag to seek.",
      "tags": [
        "voice note",
        "audio message",
        "waveform",
        "audio player",
        "voice memo",
        "podcast clip",
        "chat audio",
        "recording"
      ],
      "requiresJs": true,
      "intents": [
        "voice message",
        "audio waveform player",
        "voice memo",
        "audio clip in chat"
      ],
      "role": null,
      "url": "https://mian.ro/components/voice-note",
      "metadataUrl": "https://mian.ro/registry/components/voice-note.json"
    },
    {
      "id": "alert",
      "name": "Alert",
      "category": "Feedback",
      "description": "Inline messages for information, success, warnings and errors, with optional actions and dismiss.",
      "tags": [
        "alert",
        "callout",
        "banner",
        "message",
        "notice",
        "error"
      ],
      "requiresJs": false,
      "intents": [
        "alert message",
        "warning box",
        "error message",
        "success message",
        "info notice"
      ],
      "role": null,
      "url": "https://mian.ro/components/alert",
      "metadataUrl": "https://mian.ro/registry/components/alert.json"
    },
    {
      "id": "toast",
      "name": "Toast",
      "category": "Feedback",
      "description": "Temporary notifications. Mian.toast() from script, or data-mn-toast on a button. Pause on hover, stack, dismiss.",
      "tags": [
        "toast",
        "snackbar",
        "notification",
        "flash message",
        "sonner"
      ],
      "requiresJs": true,
      "intents": [
        "toast notification",
        "snackbar",
        "saved message",
        "temporary notification"
      ],
      "role": null,
      "url": "https://mian.ro/components/toast",
      "metadataUrl": "https://mian.ro/registry/components/toast.json"
    },
    {
      "id": "progress",
      "name": "Progress",
      "category": "Feedback",
      "description": "Linear progress, determinate from aria-valuenow, or indeterminate without it.",
      "tags": [
        "progress",
        "progress bar",
        "loading",
        "upload",
        "percent"
      ],
      "requiresJs": true,
      "intents": [
        "progress bar",
        "upload progress",
        "loading bar",
        "completion"
      ],
      "role": null,
      "url": "https://mian.ro/components/progress",
      "metadataUrl": "https://mian.ro/registry/components/progress.json"
    },
    {
      "id": "radial-progress",
      "name": "Radial progress",
      "category": "Feedback",
      "description": "Circular progress with a centred value.",
      "tags": [
        "radial",
        "circular progress",
        "donut",
        "gauge",
        "percent"
      ],
      "requiresJs": true,
      "intents": [
        "circular progress",
        "score ring",
        "percentage circle",
        "goal progress"
      ],
      "role": null,
      "url": "https://mian.ro/components/radial-progress",
      "metadataUrl": "https://mian.ro/registry/components/radial-progress.json"
    },
    {
      "id": "spinner",
      "name": "Spinner",
      "category": "Feedback",
      "description": "Indeterminate loading indicators: ring and dots.",
      "tags": [
        "spinner",
        "loader",
        "loading",
        "busy"
      ],
      "requiresJs": false,
      "intents": [
        "spinner",
        "loading indicator",
        "busy"
      ],
      "role": null,
      "url": "https://mian.ro/components/spinner",
      "metadataUrl": "https://mian.ro/registry/components/spinner.json"
    },
    {
      "id": "banner",
      "name": "Banner",
      "category": "Feedback",
      "description": "A full-width announcement bar for launches, maintenance notices or cookie-free notes. Dismissible.",
      "tags": [
        "banner",
        "announcement",
        "top bar",
        "notice bar",
        "promo bar",
        "system message"
      ],
      "requiresJs": false,
      "intents": [
        "announcement bar",
        "maintenance notice",
        "top banner",
        "launch announcement"
      ],
      "role": null,
      "url": "https://mian.ro/components/banner",
      "metadataUrl": "https://mian.ro/registry/components/banner.json"
    },
    {
      "id": "onboarding",
      "name": "Onboarding checklist",
      "category": "Feedback",
      "description": "The first steps of a new account, with progress, done states and one action per step.",
      "tags": [
        "onboarding",
        "checklist",
        "setup",
        "getting started",
        "tasks",
        "progress",
        "saas",
        "first run",
        "activation"
      ],
      "requiresJs": false,
      "intents": [
        "onboarding checklist",
        "getting started steps",
        "setup progress",
        "first run"
      ],
      "role": null,
      "url": "https://mian.ro/components/onboarding",
      "metadataUrl": "https://mian.ro/registry/components/onboarding.json"
    },
    {
      "id": "loader",
      "name": "Loader",
      "category": "Feedback",
      "description": "Eight loading indicators, dots, bars, wave, grid, pulse, orbit, ring and a top-of-page line, in the current colour.",
      "tags": [
        "loader",
        "loading",
        "spinner",
        "busy",
        "progress",
        "activity indicator",
        "dots",
        "equalizer",
        "skeleton",
        "wait"
      ],
      "requiresJs": false,
      "intents": [
        "loading animation",
        "page loader",
        "loading dots",
        "progress line"
      ],
      "role": null,
      "url": "https://mian.ro/components/loader",
      "metadataUrl": "https://mian.ro/registry/components/loader.json"
    },
    {
      "id": "cookie-consent",
      "name": "Cookie consent",
      "category": "Feedback",
      "description": "A consent notice with equal-weight Accept and Reject, and per-purpose switches, honest by default, dismissible.",
      "tags": [
        "cookie consent",
        "cookie banner",
        "gdpr",
        "privacy",
        "consent",
        "tracking preferences",
        "legal",
        "cookies"
      ],
      "requiresJs": false,
      "intents": [
        "cookie banner",
        "cookie consent",
        "gdpr consent",
        "privacy choices",
        "tracking consent"
      ],
      "role": null,
      "url": "https://mian.ro/components/cookie-consent",
      "metadataUrl": "https://mian.ro/registry/components/cookie-consent.json"
    },
    {
      "id": "modal",
      "name": "Modal",
      "category": "Overlays",
      "description": "A dialog on the native <dialog> element: focus trap, Escape, inert background and focus return from the platform.",
      "tags": [
        "modal",
        "dialog",
        "popup",
        "confirm",
        "lightbox",
        "alert dialog"
      ],
      "requiresJs": true,
      "intents": [
        "dialog",
        "popup",
        "confirm dialog",
        "modal form",
        "lightbox"
      ],
      "role": null,
      "url": "https://mian.ro/components/modal",
      "metadataUrl": "https://mian.ro/registry/components/modal.json"
    },
    {
      "id": "drawer",
      "name": "Drawer",
      "category": "Overlays",
      "description": "A panel that slides in from the right, left or bottom. Also a native <dialog>.",
      "tags": [
        "drawer",
        "sheet",
        "side panel",
        "offcanvas",
        "bottom sheet"
      ],
      "requiresJs": true,
      "intents": [
        "side panel",
        "slide over",
        "filter drawer",
        "mobile menu panel",
        "bottom sheet"
      ],
      "role": null,
      "url": "https://mian.ro/components/drawer",
      "metadataUrl": "https://mian.ro/registry/components/drawer.json"
    },
    {
      "id": "popover",
      "name": "Popover",
      "category": "Overlays",
      "description": "Rich, non-modal content anchored to a trigger, on the native Popover API.",
      "tags": [
        "popover",
        "popup",
        "hover card",
        "flyout",
        "overlay"
      ],
      "requiresJs": true,
      "intents": [
        "popover",
        "floating panel",
        "date picker popup",
        "info bubble"
      ],
      "role": null,
      "url": "https://mian.ro/components/popover",
      "metadataUrl": "https://mian.ro/registry/components/popover.json"
    },
    {
      "id": "tooltip",
      "name": "Tooltip",
      "category": "Overlays",
      "description": "Short labels on hover and focus. Pure CSS; the text is a real element referenced by aria-describedby.",
      "tags": [
        "tooltip",
        "hint",
        "title",
        "label"
      ],
      "requiresJs": false,
      "intents": [
        "tooltip",
        "hover hint",
        "icon label"
      ],
      "role": null,
      "url": "https://mian.ro/components/tooltip",
      "metadataUrl": "https://mian.ro/registry/components/tooltip.json"
    },
    {
      "id": "command",
      "name": "Command palette",
      "category": "Overlays",
      "description": "Search-and-run: filterable, grouped, keyboard-driven. Inline or in a dialog opened with ⌘K.",
      "tags": [
        "command",
        "command palette",
        "cmdk",
        "spotlight",
        "search",
        "launcher"
      ],
      "requiresJs": true,
      "intents": [
        "command palette",
        "search dialog",
        "cmd k",
        "quick actions",
        "spotlight search"
      ],
      "role": null,
      "url": "https://mian.ro/components/command",
      "metadataUrl": "https://mian.ro/registry/components/command.json"
    },
    {
      "id": "hover-card",
      "name": "Hover card",
      "category": "Overlays",
      "description": "A preview card that appears when hovering or focusing a link, profiles, link previews, definitions.",
      "tags": [
        "hover card",
        "preview",
        "profile card",
        "link preview",
        "popover on hover"
      ],
      "requiresJs": false,
      "intents": [
        "link preview",
        "profile preview on hover",
        "definition popup"
      ],
      "role": null,
      "url": "https://mian.ro/components/hover-card",
      "metadataUrl": "https://mian.ro/registry/components/hover-card.json"
    },
    {
      "id": "context-menu",
      "name": "Context menu",
      "category": "Overlays",
      "description": "A menu that opens at the pointer on right-click, or from the keyboard with Shift+F10.",
      "tags": [
        "context menu",
        "right click",
        "right-click menu",
        "secondary menu",
        "actions menu"
      ],
      "requiresJs": true,
      "intents": [
        "right click menu",
        "context menu"
      ],
      "role": null,
      "url": "https://mian.ro/components/context-menu",
      "metadataUrl": "https://mian.ro/registry/components/context-menu.json"
    },
    {
      "id": "navbar",
      "name": "Navbar",
      "category": "Navigation",
      "description": "A top bar with brand, links and actions. Sticky and translucent; collapses behind a menu button on small screens.",
      "tags": [
        "navbar",
        "header",
        "top bar",
        "app bar",
        "navigation"
      ],
      "requiresJs": true,
      "intents": [
        "app top bar",
        "navigation bar",
        "sticky header"
      ],
      "role": null,
      "url": "https://mian.ro/components/navbar",
      "metadataUrl": "https://mian.ro/registry/components/navbar.json"
    },
    {
      "id": "tabs",
      "name": "Tabs",
      "category": "Navigation",
      "description": "Switch between views. Underlined, boxed (segmented), pill and vertical variants; full WAI-ARIA keyboard support.",
      "tags": [
        "tabs",
        "tab bar",
        "segmented",
        "views",
        "panels"
      ],
      "requiresJs": true,
      "intents": [
        "tabs",
        "switch views",
        "segmented tabs",
        "settings sections"
      ],
      "role": null,
      "url": "https://mian.ro/components/tabs",
      "metadataUrl": "https://mian.ro/registry/components/tabs.json"
    },
    {
      "id": "breadcrumbs",
      "name": "Breadcrumbs",
      "category": "Navigation",
      "description": "Where you are in a hierarchy, with links back up.",
      "tags": [
        "breadcrumbs",
        "breadcrumb",
        "path",
        "hierarchy"
      ],
      "requiresJs": false,
      "intents": [
        "breadcrumbs",
        "where am i",
        "category path"
      ],
      "role": null,
      "url": "https://mian.ro/components/breadcrumbs",
      "metadataUrl": "https://mian.ro/registry/components/breadcrumbs.json"
    },
    {
      "id": "pagination",
      "name": "Pagination",
      "category": "Navigation",
      "description": "Move between pages of results.",
      "tags": [
        "pagination",
        "pager",
        "pages",
        "next",
        "previous"
      ],
      "requiresJs": false,
      "intents": [
        "pagination",
        "next previous",
        "page numbers",
        "results pages"
      ],
      "role": null,
      "url": "https://mian.ro/components/pagination",
      "metadataUrl": "https://mian.ro/registry/components/pagination.json"
    },
    {
      "id": "steps",
      "name": "Steps",
      "category": "Navigation",
      "description": "Progress through a multi-step flow, horizontal or vertical.",
      "tags": [
        "steps",
        "stepper",
        "wizard",
        "progress",
        "checkout"
      ],
      "requiresJs": false,
      "intents": [
        "checkout steps",
        "wizard progress",
        "multi-step form",
        "stepper"
      ],
      "role": null,
      "url": "https://mian.ro/components/steps",
      "metadataUrl": "https://mian.ro/registry/components/steps.json"
    },
    {
      "id": "sidebar",
      "name": "Sidebar",
      "category": "Navigation",
      "description": "Vertical application navigation with groups, icons and badges.",
      "tags": [
        "sidebar",
        "side nav",
        "menu",
        "navigation",
        "drawer menu"
      ],
      "requiresJs": false,
      "intents": [
        "app sidebar",
        "side navigation",
        "admin menu",
        "docs navigation"
      ],
      "role": null,
      "url": "https://mian.ro/components/sidebar",
      "metadataUrl": "https://mian.ro/registry/components/sidebar.json"
    },
    {
      "id": "dock",
      "name": "Dock",
      "category": "Navigation",
      "description": "A bottom navigation bar for mobile apps and compact layouts, floating or in the page.",
      "tags": [
        "dock",
        "bottom navigation",
        "tab bar",
        "mobile nav",
        "app bar"
      ],
      "requiresJs": false,
      "intents": [
        "bottom navigation",
        "mobile tab bar",
        "app dock"
      ],
      "role": null,
      "url": "https://mian.ro/components/dock",
      "metadataUrl": "https://mian.ro/registry/components/dock.json"
    },
    {
      "id": "stories-bar",
      "name": "Stories bar",
      "category": "Navigation",
      "description": "A scrolling row of avatars with a ring for new stories and a grey ring for seen ones.",
      "tags": [
        "stories",
        "avatars",
        "status",
        "highlights",
        "social",
        "instagram",
        "reels",
        "channels"
      ],
      "requiresJs": false,
      "intents": [
        "stories",
        "story avatars",
        "social stories row"
      ],
      "role": null,
      "url": "https://mian.ro/components/stories-bar",
      "metadataUrl": "https://mian.ro/registry/components/stories-bar.json"
    },
    {
      "id": "page-header",
      "name": "Page header",
      "category": "Navigation",
      "description": "The top of an application page: where you are, what this is, its facts and the actions you can take.",
      "tags": [
        "page header",
        "page title",
        "heading with actions",
        "toolbar",
        "app header",
        "admin",
        "breadcrumbs and title",
        "detail page header"
      ],
      "requiresJs": false,
      "intents": [
        "app page header",
        "page title with actions",
        "detail page heading",
        "title and buttons",
        "record header"
      ],
      "role": null,
      "url": "https://mian.ro/components/page-header",
      "metadataUrl": "https://mian.ro/registry/components/page-header.json"
    },
    {
      "id": "collapse",
      "name": "Collapse",
      "category": "Layout & utilities",
      "description": "A single show/hide section. Native <details>, no JavaScript.",
      "tags": [
        "collapse",
        "disclosure",
        "expand",
        "show more",
        "details"
      ],
      "requiresJs": false,
      "intents": [
        "show more",
        "expandable section",
        "read more"
      ],
      "role": null,
      "url": "https://mian.ro/components/collapse",
      "metadataUrl": "https://mian.ro/registry/components/collapse.json"
    },
    {
      "id": "carousel",
      "name": "Carousel",
      "category": "Layout & utilities",
      "description": "A horizontally scrolling, snapping track. Swipe, trackpad and keyboard; optional arrows and dots.",
      "tags": [
        "carousel",
        "slider",
        "gallery",
        "slideshow",
        "swipe"
      ],
      "requiresJs": true,
      "intents": [
        "carousel",
        "slider of cards",
        "horizontal scroll",
        "image slider"
      ],
      "role": null,
      "url": "https://mian.ro/components/carousel",
      "metadataUrl": "https://mian.ro/registry/components/carousel.json"
    },
    {
      "id": "theme-controller",
      "name": "Theme controller",
      "category": "Layout & utilities",
      "description": "Switch noodle and light/dark mode for a page, or scope a noodle to any element.",
      "tags": [
        "theme",
        "dark mode",
        "light mode",
        "noodle switcher",
        "color scheme"
      ],
      "requiresJs": true,
      "intents": [
        "theme switcher",
        "dark mode toggle",
        "change noodle",
        "appearance setting"
      ],
      "role": null,
      "url": "https://mian.ro/components/theme-controller",
      "metadataUrl": "https://mian.ro/registry/components/theme-controller.json"
    },
    {
      "id": "scroll-area",
      "name": "Scroll area",
      "category": "Layout & utilities",
      "description": "A scrolling region with thin scrollbars and shadows that appear only where more content is hidden.",
      "tags": [
        "scroll area",
        "scrollable",
        "overflow",
        "scroll shadow",
        "scrollbar"
      ],
      "requiresJs": false,
      "intents": [
        "scrollable panel",
        "overflow region",
        "scroll shadows"
      ],
      "role": null,
      "url": "https://mian.ro/components/scroll-area",
      "metadataUrl": "https://mian.ro/registry/components/scroll-area.json"
    },
    {
      "id": "mockup",
      "name": "Mockup",
      "category": "Layout & utilities",
      "description": "Browser, window and phone frames for screenshots, demos and landing pages.",
      "tags": [
        "mockup",
        "browser frame",
        "phone frame",
        "device",
        "window",
        "terminal",
        "screenshot"
      ],
      "requiresJs": false,
      "intents": [
        "browser frame",
        "phone mockup",
        "app screenshot frame",
        "device frame"
      ],
      "role": null,
      "url": "https://mian.ro/components/mockup",
      "metadataUrl": "https://mian.ro/registry/components/mockup.json"
    },
    {
      "id": "dashboard",
      "name": "Dashboard grid",
      "category": "Layout & utilities",
      "description": "A twelve-track grid for dashboards and a widget frame: title, period, body, footer. It lays out for the width it gets, so it works beside a sidebar.",
      "tags": [
        "dashboard",
        "dashboard layout",
        "widget",
        "panel",
        "admin layout",
        "analytics page",
        "grid",
        "overview page"
      ],
      "requiresJs": false,
      "intents": [
        "dashboard layout",
        "dashboard grid",
        "widget panel",
        "admin overview page",
        "analytics overview"
      ],
      "role": null,
      "url": "https://mian.ro/components/dashboard",
      "metadataUrl": "https://mian.ro/registry/components/dashboard.json"
    },
    {
      "id": "gradient",
      "name": "Gradient backdrop",
      "category": "Layout & utilities",
      "description": "Soft mesh gradients for a band, a hero or a media frame. By default they are mixed from the noodle’s own colours, so they follow the noodle and the mode; eight named palettes are there when you want a fixed mood.",
      "tags": [
        "gradient",
        "mesh gradient",
        "background",
        "backdrop",
        "aurora",
        "hero background",
        "grain",
        "noise texture",
        "colour wash"
      ],
      "requiresJs": false,
      "intents": [
        "gradient background",
        "mesh gradient",
        "hero backdrop",
        "colour wash",
        "grain texture",
        "aurora background"
      ],
      "role": null,
      "url": "https://mian.ro/components/gradient",
      "metadataUrl": "https://mian.ro/registry/components/gradient.json"
    },
    {
      "id": "motion",
      "name": "Motion",
      "category": "Layout & utilities",
      "description": "A small motion system: three durations, three curves, the noodle’s own entrance for anything you add, staggered lists, press and lift feedback, drawn lines, counted numbers and cross-faded changes. All of it stops under reduced motion.",
      "tags": [
        "motion",
        "animation",
        "transition",
        "easing",
        "stagger",
        "entrance",
        "count up",
        "view transition",
        "micro interaction",
        "hover"
      ],
      "requiresJs": true,
      "intents": [
        "animation",
        "entrance animation",
        "staggered list",
        "hover lift",
        "count up number",
        "page transition",
        "micro interactions"
      ],
      "role": null,
      "url": "https://mian.ro/components/motion",
      "metadataUrl": "https://mian.ro/registry/components/motion.json"
    },
    {
      "id": "slides",
      "name": "Slides",
      "category": "Sections",
      "description": "A presentation website: full-height slides that snap, with arrow-key navigation, a counter and progress.",
      "tags": [
        "slides",
        "presentation",
        "deck",
        "pitch deck",
        "keynote",
        "slideshow",
        "story",
        "scrollytelling",
        "one page"
      ],
      "requiresJs": true,
      "intents": [
        "presentation website",
        "pitch deck",
        "keynote",
        "slides",
        "investor deck",
        "one idea per screen"
      ],
      "role": "frame",
      "url": "https://mian.ro/components/slides",
      "metadataUrl": "https://mian.ro/registry/components/slides.json"
    },
    {
      "id": "jobs",
      "name": "Jobs list",
      "category": "Sections",
      "description": "Open roles for a careers page: title, team, location and type, the whole row one link.",
      "tags": [
        "jobs",
        "careers",
        "open roles",
        "positions",
        "hiring",
        "vacancies",
        "company",
        "recruiting"
      ],
      "requiresJs": false,
      "intents": [
        "careers page",
        "open positions",
        "job listings",
        "we are hiring",
        "vacancies"
      ],
      "role": "catalogue",
      "url": "https://mian.ro/components/jobs",
      "metadataUrl": "https://mian.ro/registry/components/jobs.json"
    },
    {
      "id": "work-grid",
      "name": "Work grid",
      "category": "Sections",
      "description": "Selected projects for an agency or portfolio in mixed sizes: the image, client, what was made and the outcome, each tile one link.",
      "tags": [
        "work grid",
        "portfolio",
        "case studies",
        "projects",
        "agency",
        "studio",
        "selected work",
        "showcase",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "portfolio projects",
        "show four portfolio projects",
        "case studies grid",
        "selected work",
        "agency work",
        "client projects"
      ],
      "role": "showcase",
      "url": "https://mian.ro/components/work-grid",
      "metadataUrl": "https://mian.ro/registry/components/work-grid.json"
    },
    {
      "id": "comparison",
      "name": "Comparison table",
      "category": "Sections",
      "description": "Plans or products side by side: grouped feature rows, included and not-included marks, a highlighted column and a sticky header.",
      "tags": [
        "comparison table",
        "compare plans",
        "feature comparison",
        "pricing table",
        "plan matrix",
        "saas",
        "versus",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "compare plans",
        "feature comparison table",
        "plan matrix",
        "versus competitors",
        "which plan"
      ],
      "role": "decision",
      "url": "https://mian.ro/components/comparison",
      "metadataUrl": "https://mian.ro/registry/components/comparison.json"
    },
    {
      "id": "changelog",
      "name": "Changelog",
      "category": "Sections",
      "description": "Release notes by date: version, a headline, and changes tagged New, Improved or Fixed.",
      "tags": [
        "changelog",
        "release notes",
        "what’s new",
        "updates",
        "versions",
        "product updates",
        "saas",
        "developer",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "release notes",
        "changelog",
        "what is new",
        "product updates",
        "version history"
      ],
      "role": "content",
      "url": "https://mian.ro/components/changelog",
      "metadataUrl": "https://mian.ro/registry/components/changelog.json"
    },
    {
      "id": "integrations",
      "name": "Integrations",
      "category": "Sections",
      "description": "A directory of integrations or partners: mark, name, category and one line on what it does, each tile one link.",
      "tags": [
        "integrations",
        "apps directory",
        "connectors",
        "partners",
        "marketplace",
        "plugins",
        "saas",
        "works with",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "integrations directory",
        "works with",
        "app marketplace",
        "connectors",
        "partners grid"
      ],
      "role": "catalogue",
      "url": "https://mian.ro/components/integrations",
      "metadataUrl": "https://mian.ro/registry/components/integrations.json"
    },
    {
      "id": "contact-section",
      "name": "Contact section",
      "category": "Sections",
      "description": "The end of a company or agency page: what happens after you write, direct details, and a short form, side by side.",
      "tags": [
        "contact section",
        "contact form",
        "get in touch",
        "start a project",
        "enquiry",
        "lead form",
        "agency",
        "company",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "contact form section",
        "get in touch",
        "start a project",
        "enquiry form",
        "request a quote",
        "agency contact"
      ],
      "role": "closing",
      "url": "https://mian.ro/components/contact-section",
      "metadataUrl": "https://mian.ro/registry/components/contact-section.json"
    },
    {
      "id": "layout",
      "name": "Page layout",
      "category": "Sections",
      "description": "Containers, section rhythm, display type and grids, the frame every page is built in.",
      "tags": [
        "layout",
        "container",
        "section",
        "page",
        "grid",
        "columns",
        "split",
        "display heading",
        "eyebrow",
        "typography scale",
        "spacing",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "page structure",
        "section spacing",
        "two column split",
        "content width",
        "grid columns",
        "container",
        "display headline",
        "eyebrow label"
      ],
      "role": "frame",
      "url": "https://mian.ro/components/layout",
      "metadataUrl": "https://mian.ro/registry/components/layout.json"
    },
    {
      "id": "site-header",
      "name": "Site header",
      "category": "Sections",
      "description": "A website header: brand, navigation, actions, and a menu that works without JavaScript on small screens.",
      "tags": [
        "header",
        "site header",
        "navigation bar",
        "nav",
        "top bar",
        "menu",
        "hamburger",
        "mobile menu",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "website navigation",
        "top menu",
        "logo and links",
        "mobile menu",
        "header with call to action"
      ],
      "role": "header",
      "url": "https://mian.ro/components/site-header",
      "metadataUrl": "https://mian.ro/registry/components/site-header.json"
    },
    {
      "id": "hero",
      "name": "Hero",
      "category": "Sections",
      "description": "The opening section of a page: a display headline, an intro, actions and optional media, stacked, split or centred.",
      "tags": [
        "hero",
        "landing",
        "header section",
        "above the fold",
        "headline",
        "intro",
        "splash",
        "jumbotron",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "landing page opening",
        "above the fold",
        "headline and call to action",
        "product introduction",
        "homepage top",
        "agency statement",
        "split hero with image"
      ],
      "role": "opening",
      "url": "https://mian.ro/components/hero",
      "metadataUrl": "https://mian.ro/registry/components/hero.json"
    },
    {
      "id": "logo-cloud",
      "name": "Logo cloud",
      "category": "Sections",
      "description": "A quiet row of customer or partner wordmarks, with an optional caption.",
      "tags": [
        "logos",
        "logo cloud",
        "customers",
        "trusted by",
        "partners",
        "social proof",
        "brands"
      ],
      "requiresJs": false,
      "intents": [
        "client logos",
        "trusted by",
        "partners",
        "customer wordmarks",
        "press mentions"
      ],
      "role": "proof",
      "url": "https://mian.ro/components/logo-cloud",
      "metadataUrl": "https://mian.ro/registry/components/logo-cloud.json"
    },
    {
      "id": "feature-grid",
      "name": "Feature grid",
      "category": "Sections",
      "description": "Features as a ruled editorial grid or with icons, plus a check list for plans and specs.",
      "tags": [
        "features",
        "feature grid",
        "benefits",
        "services",
        "why us",
        "check list",
        "bullet list",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "features list",
        "services list",
        "what we do",
        "capabilities",
        "benefits",
        "plan features checklist"
      ],
      "role": "explanation",
      "url": "https://mian.ro/components/feature-grid",
      "metadataUrl": "https://mian.ro/registry/components/feature-grid.json"
    },
    {
      "id": "bento",
      "name": "Bento grid",
      "category": "Sections",
      "description": "A grid of tiles in mixed sizes for showing several product details at once.",
      "tags": [
        "bento",
        "bento grid",
        "tiles",
        "mosaic",
        "features",
        "showcase",
        "dashboard tiles",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "showcase product features",
        "show product capabilities",
        "portfolio highlights",
        "mixed size tiles",
        "product tour",
        "feature overview with visuals"
      ],
      "role": "showcase",
      "url": "https://mian.ro/components/bento",
      "metadataUrl": "https://mian.ro/registry/components/bento.json"
    },
    {
      "id": "media",
      "name": "Media",
      "category": "Sections",
      "description": "Images, video and illustrations in a fixed aspect ratio, with captions and a labelled placeholder for photos still to come.",
      "tags": [
        "media",
        "image",
        "photo",
        "picture",
        "figure",
        "caption",
        "aspect ratio",
        "placeholder",
        "video",
        "illustration"
      ],
      "requiresJs": false,
      "intents": [
        "large image",
        "video",
        "photo with caption",
        "image placeholder",
        "screenshot",
        "illustration"
      ],
      "role": "showcase",
      "url": "https://mian.ro/components/media",
      "metadataUrl": "https://mian.ro/registry/components/media.json"
    },
    {
      "id": "testimonial",
      "name": "Testimonial",
      "category": "Sections",
      "description": "One large pull quote, or a wall of short customer quotes.",
      "tags": [
        "testimonial",
        "quote",
        "review",
        "customer",
        "social proof",
        "pull quote",
        "wall of love"
      ],
      "requiresJs": false,
      "intents": [
        "customer quote",
        "testimonials",
        "reviews",
        "social proof",
        "pull quote",
        "press quote"
      ],
      "role": "proof",
      "url": "https://mian.ro/components/testimonial",
      "metadataUrl": "https://mian.ro/registry/components/testimonial.json"
    },
    {
      "id": "pricing",
      "name": "Pricing",
      "category": "Sections",
      "description": "Plan tiers with a featured plan, feature lists and a monthly/yearly switch in pure CSS.",
      "tags": [
        "pricing",
        "plans",
        "tiers",
        "pricing table",
        "subscription",
        "billing",
        "monthly yearly",
        "saas"
      ],
      "requiresJs": false,
      "intents": [
        "saas pricing",
        "pricing plans",
        "subscription tiers",
        "monthly yearly toggle",
        "compare plans",
        "tickets"
      ],
      "role": "decision",
      "url": "https://mian.ro/components/pricing",
      "metadataUrl": "https://mian.ro/registry/components/pricing.json"
    },
    {
      "id": "cta",
      "name": "Call to action",
      "category": "Sections",
      "description": "A closing band that asks for one thing, sign up, book, subscribe, with an optional inline email form.",
      "tags": [
        "cta",
        "call to action",
        "banner",
        "signup",
        "newsletter",
        "subscribe",
        "email capture",
        "conversion"
      ],
      "requiresJs": false,
      "intents": [
        "call to action",
        "sign up band",
        "newsletter signup",
        "book a demo",
        "final section",
        "contact prompt"
      ],
      "role": "closing",
      "url": "https://mian.ro/components/cta",
      "metadataUrl": "https://mian.ro/registry/components/cta.json"
    },
    {
      "id": "site-footer",
      "name": "Site footer",
      "category": "Sections",
      "description": "A website footer: brand, link columns, legal line and an optional giant wordmark.",
      "tags": [
        "footer",
        "site footer",
        "sitemap",
        "links",
        "legal",
        "copyright",
        "website"
      ],
      "requiresJs": false,
      "intents": [
        "website footer",
        "footer links",
        "legal line",
        "sitemap links",
        "giant wordmark footer"
      ],
      "role": "footer",
      "url": "https://mian.ro/components/site-footer",
      "metadataUrl": "https://mian.ro/registry/components/site-footer.json"
    },
    {
      "id": "article",
      "name": "Article",
      "category": "Sections",
      "description": "A long-read layout: headline, byline, a comfortable reading column, wide figures, drop cap and pull quotes.",
      "tags": [
        "article",
        "blog post",
        "long read",
        "editorial",
        "reading",
        "byline",
        "drop cap",
        "pull quote",
        "magazine",
        "journal"
      ],
      "requiresJs": false,
      "intents": [
        "blog post",
        "long read",
        "case study text",
        "editorial article",
        "essay",
        "news story"
      ],
      "role": "content",
      "url": "https://mian.ro/components/article",
      "metadataUrl": "https://mian.ro/registry/components/article.json"
    },
    {
      "id": "app-shell",
      "name": "App shell",
      "category": "Sections",
      "description": "The frame of a web app: a sidebar, a top bar and a content area that becomes a drawer layout on small screens.",
      "tags": [
        "app shell",
        "dashboard layout",
        "admin layout",
        "sidebar layout",
        "application",
        "saas app",
        "backoffice",
        "console"
      ],
      "requiresJs": false,
      "intents": [
        "admin dashboard layout",
        "web app frame",
        "sidebar and top bar",
        "saas app",
        "back office",
        "crm layout"
      ],
      "role": "frame",
      "url": "https://mian.ro/components/app-shell",
      "metadataUrl": "https://mian.ro/registry/components/app-shell.json"
    },
    {
      "id": "docs-layout",
      "name": "Docs layout",
      "category": "Sections",
      "description": "A documentation page: navigation on the left, the reading column, and an “on this page” list on the right, collapsing to a menu on small screens.",
      "tags": [
        "docs",
        "documentation",
        "knowledge base",
        "help center",
        "guide",
        "three column",
        "table of contents",
        "toc",
        "sidebar"
      ],
      "requiresJs": false,
      "intents": [
        "documentation site",
        "developer docs",
        "knowledge base",
        "help center",
        "guide with table of contents"
      ],
      "role": "frame",
      "url": "https://mian.ro/components/docs-layout",
      "metadataUrl": "https://mian.ro/registry/components/docs-layout.json"
    },
    {
      "id": "auth",
      "name": "Sign-in page",
      "category": "Sections",
      "description": "A split sign-in or sign-up page: the form on one side, the brand and a quote or image on the other.",
      "tags": [
        "auth",
        "login",
        "sign in",
        "sign up",
        "register",
        "authentication",
        "password",
        "split screen"
      ],
      "requiresJs": false,
      "intents": [
        "sign in page",
        "login",
        "sign up page",
        "register",
        "create account"
      ],
      "role": "page",
      "url": "https://mian.ro/components/auth",
      "metadataUrl": "https://mian.ro/registry/components/auth.json"
    },
    {
      "id": "price-list",
      "name": "Price list",
      "category": "Sections",
      "description": "A menu-style list of items with dotted leaders to the price, for restaurants, salons, studios and services.",
      "tags": [
        "price list",
        "menu",
        "restaurant menu",
        "services",
        "rates",
        "dishes",
        "food",
        "cafe",
        "salon"
      ],
      "requiresJs": false,
      "intents": [
        "restaurant menu",
        "service prices",
        "salon price list",
        "menu with prices",
        "rates"
      ],
      "role": "decision",
      "url": "https://mian.ro/components/price-list",
      "metadataUrl": "https://mian.ro/registry/components/price-list.json"
    },
    {
      "id": "team",
      "name": "Team",
      "category": "Sections",
      "description": "A grid of people with a portrait, name and role.",
      "tags": [
        "team",
        "people",
        "staff",
        "about us",
        "founders",
        "speakers",
        "members",
        "profiles"
      ],
      "requiresJs": false,
      "intents": [
        "team members",
        "our people",
        "staff",
        "speakers",
        "founders",
        "about us people"
      ],
      "role": "people",
      "url": "https://mian.ro/components/team",
      "metadataUrl": "https://mian.ro/registry/components/team.json"
    },
    {
      "id": "product-card",
      "name": "Product card",
      "category": "Sections",
      "description": "Products in a shop grid: image, name, variant, price and a badge, the whole card is one link.",
      "tags": [
        "product",
        "product card",
        "shop",
        "store",
        "ecommerce",
        "catalog",
        "merchandise",
        "grid",
        "price"
      ],
      "requiresJs": false,
      "intents": [
        "product grid",
        "shop listing",
        "ecommerce products",
        "catalogue",
        "collection page",
        "store items"
      ],
      "role": "catalogue",
      "url": "https://mian.ro/components/product-card",
      "metadataUrl": "https://mian.ro/registry/components/product-card.json"
    },
    {
      "id": "story-card",
      "name": "Story card",
      "category": "Sections",
      "description": "Articles and posts in a grid or as a lead story: image, kicker, headline, excerpt and byline, the headline is the link.",
      "tags": [
        "story",
        "post",
        "article card",
        "blog",
        "news",
        "magazine",
        "feed",
        "teaser",
        "journal",
        "latest posts"
      ],
      "requiresJs": false,
      "intents": [
        "blog index",
        "articles grid",
        "news list",
        "latest posts",
        "magazine front page",
        "case studies list"
      ],
      "role": "catalogue",
      "url": "https://mian.ro/components/story-card",
      "metadataUrl": "https://mian.ro/registry/components/story-card.json"
    },
    {
      "id": "agenda",
      "name": "Agenda",
      "category": "Sections",
      "description": "A schedule of times, sessions, speakers and tracks, for events, courses and programmes.",
      "tags": [
        "agenda",
        "schedule",
        "programme",
        "timetable",
        "event",
        "conference",
        "talks",
        "sessions",
        "itinerary"
      ],
      "requiresJs": false,
      "intents": [
        "event schedule",
        "conference agenda",
        "timetable",
        "programme",
        "course schedule"
      ],
      "role": "schedule",
      "url": "https://mian.ro/components/agenda",
      "metadataUrl": "https://mian.ro/registry/components/agenda.json"
    },
    {
      "id": "faq",
      "name": "FAQ section",
      "category": "Sections",
      "description": "Questions and answers beside a sticky heading, built on the accordion.",
      "tags": [
        "faq",
        "questions",
        "answers",
        "help",
        "support",
        "accordion",
        "q&a"
      ],
      "requiresJs": false,
      "intents": [
        "faq",
        "frequently asked questions",
        "questions and answers",
        "objections",
        "help questions"
      ],
      "role": "objections",
      "url": "https://mian.ro/components/faq",
      "metadataUrl": "https://mian.ro/registry/components/faq.json"
    },
    {
      "id": "figures",
      "name": "Figures",
      "category": "Sections",
      "description": "Large numbers with a line of context each, results, scale or specs, set in display type.",
      "tags": [
        "figures",
        "numbers",
        "metrics",
        "stats",
        "results",
        "kpi",
        "facts",
        "specs",
        "impact"
      ],
      "requiresJs": false,
      "intents": [
        "key numbers",
        "statistics band",
        "results",
        "metrics",
        "impact numbers",
        "specs in numbers"
      ],
      "role": "proof",
      "url": "https://mian.ro/components/figures",
      "metadataUrl": "https://mian.ro/registry/components/figures.json"
    },
    {
      "id": "process",
      "name": "Process",
      "category": "Sections",
      "description": "Numbered steps in a row, how it works, how to order, what happens next.",
      "tags": [
        "process",
        "steps",
        "how it works",
        "workflow",
        "timeline",
        "onboarding",
        "numbered"
      ],
      "requiresJs": false,
      "intents": [
        "how it works",
        "our process",
        "steps",
        "onboarding steps",
        "what happens next",
        "workflow"
      ],
      "role": "explanation",
      "url": "https://mian.ro/components/process",
      "metadataUrl": "https://mian.ro/registry/components/process.json"
    }
  ],
  "license": {
    "spdx": "LicenseRef-MIAN-1.0",
    "name": "MIAN License 1.0",
    "kind": "source-available, free of charge",
    "copyright": "Copyright (c) 2026 BTN GROUP SRL",
    "url": "https://mian.ro/license",
    "text": "https://mian.ro/LICENSE.txt",
    "free": true,
    "personalUse": true,
    "commercialUse": true,
    "clientAndAgencyWork": true,
    "saasAndInternalApps": true,
    "aiGeneratedOutput": true,
    "aiAgentsMayDistribute": true,
    "modification": true,
    "redistribution": "free of charge only, with the licence kept and a visible credit linking to https://mian.ro",
    "sellingOrTradingMian": false,
    "attributionRequiredOnYourSite": false,
    "outputOwnership": "Websites, apps, content and code you create with MIAN are yours (or your client’s).",
    "mianOwnership": "MIAN, its code, components, noodles, templates and designs, remains the property of BTN GROUP SRL. Nobody may claim ownership or authorship of it.",
    "condition": "Keep the notice that mian.css and mian.js carry. When you share MIAN itself (a repository, kit or package), keep the licence and credit MIAN with a visible link to https://mian.ro. Do not sell or trade MIAN or products made mainly of it.",
    "summary": "MIAN is free to use for personal, commercial, client, SaaS and internal projects, including websites and apps generated by AI, with no credit needed on your site. MIAN itself may not be sold or traded, and sharing it requires a credit and a link to mian.ro."
  },
  "usage": {
    "license": "LicenseRef-MIAN-1.0",
    "personal": "Free for personal use.",
    "commercial": "Free for commercial use, including client work, SaaS and internal apps. Selling or trading MIAN itself is not allowed.",
    "ai": "Free to use and distribute in code written or generated by AI assistants and coding agents, with no credit required."
  },
  "noodles": [
    {
      "id": "mian",
      "name": "Mian",
      "family": "Minimal",
      "tagline": "The noodle itself. Black, white, nothing else.",
      "description": "Miàn (面) means noodle, and also face, surface. Before any sauce, shape or region, a noodle is flour, water and a pair of hands. Mian is that base: black on white, one-pixel lines, clear type and quick, quiet motion. Every other noodle is a variation of it.",
      "traits": {
        "mood": [
          "neutral",
          "precise",
          "calm",
          "timeless",
          "serious",
          "minimal"
        ],
        "intensity": 1,
        "contrast": "high",
        "geometry": "small radius, hairline borders",
        "type": "clean sans, tight headings",
        "surface": "flat black and white",
        "motion": "short, subtle",
        "goodFor": [
          "saas",
          "developer tools",
          "documentation",
          "dashboards",
          "studios",
          "any brand that will add its own colour"
        ],
        "lessFor": [
          "children",
          "festive campaigns"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/mian",
      "metadataUrl": "https://mian.ro/registry/noodles/mian.json"
    },
    {
      "id": "yangchun",
      "name": "Yangchun",
      "family": "Minimal",
      "tagline": "Clear broth, quietly refined.",
      "description": "Yangchun mian is Shanghai’s plain noodle in a clear broth with a little lard and scallion, nothing extra, everything exactly in place. Yangchun is a native-feeling system: grouped inset surfaces, segmented controls, pill switches, round checkmarks, frosted menus and spring motion.",
      "traits": {
        "mood": [
          "refined",
          "friendly",
          "clean",
          "trustworthy",
          "polished"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "rounded rectangles, soft grouped panels",
        "type": "system sans, confident",
        "surface": "grey grouped backgrounds, white cards",
        "motion": "springy, smooth",
        "goodFor": [
          "consumer apps",
          "settings",
          "productivity",
          "health",
          "fintech"
        ],
        "lessFor": [
          "editorial",
          "raw or brutal brands"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/yangchun",
      "metadataUrl": "https://mian.ro/registry/noodles/yangchun.json"
    },
    {
      "id": "linguine",
      "name": "Linguine",
      "family": "Minimal",
      "tagline": "Warm paper, a serif voice, one clay colour.",
      "description": "Linguine, “little tongues”, are flat narrow strands from Liguria, made to carry pesto and conversation. Linguine is a warm, literate system for products people read and talk to: paper-toned surfaces, a serif for what is said, a quiet sans for controls, hairline edges and a single clay colour kept for actions.",
      "traits": {
        "mood": [
          "warm",
          "literate",
          "calm",
          "thoughtful",
          "refined",
          "minimal",
          "human",
          "conversational"
        ],
        "intensity": 1,
        "contrast": "medium",
        "geometry": "soft 8–14px corners, hairlines",
        "type": "book serif headings, system sans controls",
        "surface": "warm paper, white cards, no shadows",
        "motion": "calm, short",
        "goodFor": [
          "ai products",
          "assistants and chat",
          "writing tools",
          "research",
          "publications",
          "documentation",
          "studios",
          "reading apps"
        ],
        "lessFor": [
          "dense admin",
          "games",
          "loud campaigns"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/linguine",
      "metadataUrl": "https://mian.ro/registry/noodles/linguine.json"
    },
    {
      "id": "penne",
      "name": "Penne",
      "family": "Minimal",
      "tagline": "Plain, neutral, cut once.",
      "description": "Penne, “quills”, are plain tubes cut once on the diagonal and otherwise left alone. Penne is a neutral product system: a white page, soft grey wells instead of outlines, pill-shaped controls, black for the one thing to press and overlays that float on a wide, soft shadow.",
      "traits": {
        "mood": [
          "neutral",
          "minimal",
          "clean",
          "modern",
          "quiet",
          "soft",
          "product-first"
        ],
        "intensity": 1,
        "contrast": "high",
        "geometry": "pills and large radii, no field borders",
        "type": "system sans",
        "surface": "white with grey wells, floating overlays",
        "motion": "short, soft",
        "goodFor": [
          "ai products",
          "assistants and chat",
          "consumer apps",
          "saas",
          "productivity",
          "developer tools",
          "search"
        ],
        "lessFor": [
          "editorial",
          "heritage brands",
          "children"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/penne",
      "metadataUrl": "https://mian.ro/registry/noodles/penne.json"
    },
    {
      "id": "chitarra",
      "name": "Chitarra",
      "family": "Minimal",
      "tagline": "Black, white, one blue. Cut on steel strings.",
      "description": "Spaghetti alla chitarra is pressed through a frame strung like a guitar, so every strand comes out square and identical. Chitarra is a stark system for feeds and timelines: true black or true white, hairline rules from edge to edge, heavy type, pill buttons and a single blue for what is live or chosen.",
      "traits": {
        "mood": [
          "stark",
          "bold",
          "fast",
          "direct",
          "minimal",
          "high-contrast",
          "social"
        ],
        "intensity": 3,
        "contrast": "high",
        "geometry": "pill buttons, edge-to-edge hairline rules",
        "type": "heavy system sans",
        "surface": "true black or white, flat",
        "motion": "instant",
        "goodFor": [
          "social apps",
          "feeds and timelines",
          "news",
          "communities",
          "media apps",
          "messaging",
          "sport"
        ],
        "lessFor": [
          "luxury",
          "wellness",
          "children"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/chitarra",
      "metadataUrl": "https://mian.ro/registry/noodles/chitarra.json"
    },
    {
      "id": "shio",
      "name": "Shio",
      "family": "Minimal",
      "tagline": "The clearest broth. Light, airy, afloat.",
      "description": "Shio ramen is seasoned only with salt, so its broth is the clearest and lightest of all ramen, you can see every noodle. Shio is an airy system with no visible borders: everything floats on soft, layered elevation over a pale page, with generous space, light type and a sea-slate ink.",
      "traits": {
        "mood": [
          "airy",
          "light",
          "calm",
          "optimistic",
          "gentle"
        ],
        "intensity": 1,
        "contrast": "low",
        "geometry": "soft radius, generous spacing",
        "type": "light sans",
        "surface": "pale, floating",
        "motion": "gentle float",
        "goodFor": [
          "wellness",
          "onboarding",
          "landing pages",
          "personal sites"
        ],
        "lessFor": [
          "dense admin",
          "financial data"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/shio",
      "metadataUrl": "https://mian.ro/registry/noodles/shio.json"
    },
    {
      "id": "spaghetti",
      "name": "Spaghetti",
      "family": "Minimal",
      "tagline": "Pasta, tomato, a poster.",
      "description": "Spaghetti al pomodoro is the whole of Italian cooking in one plate: few ingredients, nothing to hide. Spaghetti is Italian poster minimalism: a heavy grotesk, strict left alignment, thick black rules instead of boxes, flat black and one tomato red.",
      "traits": {
        "mood": [
          "italian",
          "poster",
          "confident",
          "minimal",
          "graphic",
          "european"
        ],
        "intensity": 3,
        "contrast": "high",
        "geometry": "square, heavy rules",
        "type": "grotesk display, poster-like",
        "surface": "flat paper, one red",
        "motion": "direct",
        "goodFor": [
          "creative studios",
          "agencies",
          "restaurants",
          "design portfolios",
          "cultural events"
        ],
        "lessFor": [
          "soft consumer apps",
          "children"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/spaghetti",
      "metadataUrl": "https://mian.ro/registry/noodles/spaghetti.json"
    },
    {
      "id": "bucatini",
      "name": "Bucatini",
      "family": "Minimal",
      "tagline": "A strand with a hole through it.",
      "description": "Bucatini look like thick spaghetti, but each one is a tube with a hole running through the middle. Bucatini is a hollow system: everything is drawn in outline, tube-shaped pill buttons, ring switches, hollow checkboxes and outlined charts, and fills only when you press or choose.",
      "traits": {
        "mood": [
          "hollow",
          "outlined",
          "crafted",
          "minimal",
          "precise"
        ],
        "intensity": 2,
        "contrast": "high",
        "geometry": "double outlines with a gap",
        "type": "clean sans",
        "surface": "outlined, inset rings",
        "motion": "short",
        "goodFor": [
          "design tools",
          "studios",
          "architecture",
          "portfolios"
        ],
        "lessFor": [
          "data-dense admin"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/bucatini",
      "metadataUrl": "https://mian.ro/registry/noodles/bucatini.json"
    },
    {
      "id": "hofun",
      "name": "Hofun",
      "family": "Minimal",
      "tagline": "Wide, flat, silky.",
      "description": "Shahe fen is steamed as a thin sheet of rice batter and cut into wide ribbons, smooth, pearly and slippery. Hofun is a borderless, tonal system: wide soft ribbons, sheets instead of boxes, and long gliding motion.",
      "traits": {
        "mood": [
          "silky",
          "soft",
          "tonal",
          "calm",
          "modern"
        ],
        "intensity": 2,
        "contrast": "low",
        "geometry": "wide, borderless, rounded",
        "type": "clean sans",
        "surface": "tonal fills, no borders",
        "motion": "smooth glide",
        "goodFor": [
          "consumer saas",
          "productivity",
          "messaging",
          "personal finance"
        ],
        "lessFor": [
          "high-contrast brands",
          "print-like editorial"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/hofun",
      "metadataUrl": "https://mian.ro/registry/noodles/hofun.json"
    },
    {
      "id": "hiyamugi",
      "name": "Hiyamugi",
      "family": "Minimal",
      "tagline": "White, cold, one coloured strand.",
      "description": "Hiyamugi are white wheat noodles served cold, a bundle at a time; a few pink and green strands are mixed into every bundle. Hiyamugi is a quiet white system in which exactly one coloured strand marks what matters.",
      "traits": {
        "mood": [
          "quiet",
          "white",
          "fresh",
          "delicate",
          "japanese",
          "minimal"
        ],
        "intensity": 1,
        "contrast": "medium",
        "geometry": "small radius, lots of white",
        "type": "clean sans",
        "surface": "white with one coloured strand",
        "motion": "subtle",
        "goodFor": [
          "studios",
          "product sites",
          "portfolios",
          "minimal shops"
        ],
        "lessFor": [
          "loud campaigns"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/hiyamugi",
      "metadataUrl": "https://mian.ro/registry/noodles/hiyamugi.json"
    },
    {
      "id": "ramyeon",
      "name": "Ramyeon",
      "family": "Minimal",
      "tagline": "Three minutes, a terminal and a timer.",
      "description": "Ramyeon comes in a packet with instructions: boil 550 ml, add noodles and soup, wait three minutes. Ramyeon is a terminal system: monospace everything, square corners, [ bracketed ] buttons, block-character progress, a text spinner and a blinking cursor, instructions, not decoration.",
      "traits": {
        "mood": [
          "technical",
          "terminal",
          "nerdy",
          "raw",
          "fast"
        ],
        "intensity": 2,
        "contrast": "high",
        "geometry": "square, monospace grid",
        "type": "monospace everywhere",
        "surface": "flat terminal",
        "motion": "stepped, instant",
        "goodFor": [
          "developer tools",
          "cli products",
          "hacker events",
          "changelogs",
          "infrastructure"
        ],
        "lessFor": [
          "luxury",
          "children",
          "wellness"
        ],
        "density": "compact"
      },
      "url": "https://mian.ro/noodles/ramyeon",
      "metadataUrl": "https://mian.ro/registry/noodles/ramyeon.json"
    },
    {
      "id": "fettuccine",
      "name": "Fettuccine",
      "family": "Flat",
      "tagline": "One sheet, many ribbons. Tonal and friendly.",
      "description": "Fettuccine, “little ribbons”, are all cut from a single sheet of egg dough. Fettuccine is a tonal system: every surface is a tint of one seed colour, layers are told apart by tone instead of lines, buttons are pills and anything you touch answers with a soft layer of its own colour.",
      "traits": {
        "mood": [
          "tonal",
          "friendly",
          "modern",
          "approachable",
          "clean",
          "trustworthy",
          "flat"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "pill buttons, 20px cards, no dividers",
        "type": "system sans, regular headings",
        "surface": "surfaces tinted from one seed colour",
        "motion": "emphasised: quick start, slow settle",
        "goodFor": [
          "consumer apps",
          "mobile",
          "productivity",
          "education",
          "public services",
          "saas",
          "android apps"
        ],
        "lessFor": [
          "luxury",
          "editorial",
          "raw or brutal brands"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/fettuccine",
      "metadataUrl": "https://mian.ro/registry/noodles/fettuccine.json"
    },
    {
      "id": "lasagne",
      "name": "Lasagne",
      "family": "Flat",
      "tagline": "Flat sheets, stacked in layers.",
      "description": "Lasagne are the flattest pasta there is, and the dish is built by stacking them: sheet, ragù, béchamel, sheet. Lasagne is a flat, layered system: solid colours with no gradients or blur, and surfaces stacked on visible offset layers of pasta yellow and ragù red.",
      "traits": {
        "mood": [
          "flat",
          "layered",
          "structured",
          "warm",
          "playful"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "flat sheets offset in layers",
        "type": "grotesk",
        "surface": "solid colour layers, no shadows",
        "motion": "slide between layers",
        "goodFor": [
          "education",
          "food",
          "public services",
          "consumer brands"
        ],
        "lessFor": [
          "quiet luxury",
          "dense data"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/lasagne",
      "metadataUrl": "https://mian.ro/registry/noodles/lasagne.json"
    },
    {
      "id": "pappardelle",
      "name": "Pappardelle",
      "family": "Flat",
      "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.",
      "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"
      },
      "url": "https://mian.ro/noodles/pappardelle",
      "metadataUrl": "https://mian.ro/registry/noodles/pappardelle.json"
    },
    {
      "id": "paccheri",
      "name": "Paccheri",
      "family": "Flat",
      "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.",
      "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"
      },
      "url": "https://mian.ro/noodles/paccheri",
      "metadataUrl": "https://mian.ro/registry/noodles/paccheri.json"
    },
    {
      "id": "farfalle",
      "name": "Farfalle",
      "family": "Flat",
      "tagline": "Butterflies in pastel.",
      "description": "Farfalle, butterflies, or bow ties, are pinched in the middle from a small rectangle with crimped edges. Farfalle is a playful flat system in pastels: soft flat fills with no shadows, pinched bow-tie badges and tabs, crimped edges on dividers, and a springy flutter when things appear.",
      "traits": {
        "mood": [
          "playful",
          "pastel",
          "friendly",
          "social",
          "light-hearted"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "pinched bow-tie shapes, rounded",
        "type": "friendly sans",
        "surface": "flat pastel",
        "motion": "bouncy",
        "goodFor": [
          "social apps",
          "communities",
          "kids and families",
          "consumer onboarding"
        ],
        "lessFor": [
          "finance",
          "legal",
          "enterprise"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/farfalle",
      "metadataUrl": "https://mian.ro/registry/noodles/farfalle.json"
    },
    {
      "id": "yinzhen",
      "name": "Yinzhen",
      "family": "Pixel",
      "tagline": "Silver needles. A system made of dots.",
      "description": "Yinzhen fen, “silver needle noodles”, are rolled by hand one at a time into short strands tapered to a point at each end, a noodle that is almost a dot. Yinzhen is a dot-matrix system: dotted outlines that join into lines on focus, LED-dot progress and bars, dotted chart lines, big numbers drawn in dots and a single red indicator dot.",
      "traits": {
        "mood": [
          "dotted",
          "digital",
          "hardware",
          "minimal",
          "technical"
        ],
        "intensity": 3,
        "contrast": "high",
        "geometry": "dot matrix, pills",
        "type": "mono and dot type",
        "surface": "black and silver, dotted",
        "motion": "stepped",
        "goodFor": [
          "hardware products",
          "gadgets",
          "developer tools",
          "music tech"
        ],
        "lessFor": [
          "traditional brands",
          "wellness"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/yinzhen",
      "metadataUrl": "https://mian.ro/registry/noodles/yinzhen.json"
    },
    {
      "id": "quadretti",
      "name": "Quadretti",
      "family": "Pixel",
      "tagline": "Little squares, graph paper, pixels.",
      "description": "Quadretti are tiny squares of egg pasta cut from a sheet with a knife in both directions and cooked in broth. Quadretti is a pixel system on graph paper: square everything, stepped pixel corners, square knobs and checkboxes, progress and charts built from squares, and a spinner of four squares.",
      "traits": {
        "mood": [
          "grid",
          "pixel",
          "playful",
          "technical",
          "retro"
        ],
        "intensity": 3,
        "contrast": "high",
        "geometry": "square cells, stepped corners",
        "type": "mono and grotesk",
        "surface": "graph paper grid",
        "motion": "stepped",
        "goodFor": [
          "games",
          "developer tools",
          "data products",
          "education",
          "creative tools"
        ],
        "lessFor": [
          "luxury",
          "wellness"
        ],
        "density": "compact"
      },
      "url": "https://mian.ro/noodles/quadretti",
      "metadataUrl": "https://mian.ro/registry/noodles/quadretti.json"
    },
    {
      "id": "acini",
      "name": "Acini di pepe",
      "family": "Pixel",
      "tagline": "Peppercorn dots and halftone.",
      "description": "Acini di pepe, “peppercorns”, are tiny beads of pasta, a pinch of dots in every spoonful of soup. Acini di pepe is a halftone system: dotted edges instead of lines, surfaces shaded with dot screens, progress that grows from small dots to large, and charts printed in dots.",
      "traits": {
        "mood": [
          "halftone",
          "dotted",
          "print",
          "playful",
          "editorial"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "dotted edges, round beads",
        "type": "grotesk",
        "surface": "halftone dot screens",
        "motion": "dotted fills",
        "goodFor": [
          "magazines",
          "music",
          "culture",
          "creative studios"
        ],
        "lessFor": [
          "dense admin"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/acini",
      "metadataUrl": "https://mian.ro/registry/noodles/acini.json"
    },
    {
      "id": "kalguksu",
      "name": "Kalguksu",
      "family": "Linear",
      "tagline": "Knife-cut, precise, clean.",
      "description": "Kalguksu means \"knife noodles\": dough rolled flat on a floured board and cut by hand into clean strips. Kalguksu is a monochrome, grid-true system with crisp 45° cut corners, tabular numbers and motion that slices rather than fades.",
      "traits": {
        "mood": [
          "precise",
          "structured",
          "monochrome",
          "dependable",
          "engineered"
        ],
        "intensity": 2,
        "contrast": "high",
        "geometry": "grid-true, crisp rules",
        "type": "sans with tabular figures",
        "surface": "flat with rules",
        "motion": "crisp",
        "goodFor": [
          "finance",
          "admin dashboards",
          "b2b saas",
          "analytics",
          "logistics"
        ],
        "lessFor": [
          "children",
          "playful consumer"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/kalguksu",
      "metadataUrl": "https://mian.ro/registry/noodles/kalguksu.json"
    },
    {
      "id": "sanuki",
      "name": "Sanuki",
      "family": "Linear",
      "tagline": "Square-cut, firm, exact.",
      "description": "Sanuki udon from Kagawa is cut square, with sharp edges and a firm, springy bite. Sanuki is a rigid, square system: no radius anywhere, 2px straight lines, chunky square controls and a snap to every movement.",
      "traits": {
        "mood": [
          "square",
          "firm",
          "exact",
          "industrial",
          "serious"
        ],
        "intensity": 2,
        "contrast": "high",
        "geometry": "no radius anywhere, 2px lines",
        "type": "sans, firm",
        "surface": "flat, bordered",
        "motion": "instant",
        "goodFor": [
          "engineering",
          "architecture",
          "industrial",
          "b2b tools"
        ],
        "lessFor": [
          "soft consumer",
          "wellness"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/sanuki",
      "metadataUrl": "https://mian.ro/registry/noodles/sanuki.json"
    },
    {
      "id": "hakata",
      "name": "Hakata",
      "family": "Linear",
      "tagline": "Thin, straight, fast.",
      "description": "Hakata ramen uses ultra-thin straight noodles, boiled for seconds and ordered by firmness, with a refill (kaedama) called for the moment the bowl runs low. Hakata is a fast, horizontal system: pinstripe speed lines, everything aligned to straight rules, compact density, oblique headings and motion measured in tens of milliseconds.",
      "traits": {
        "mood": [
          "fast",
          "thin",
          "efficient",
          "technical",
          "dense"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "thin lines, compact",
        "type": "narrow sans",
        "surface": "flat",
        "motion": "fast",
        "goodFor": [
          "dashboards",
          "fitness and tracking apps",
          "data-heavy tools",
          "trading"
        ],
        "lessFor": [
          "editorial storytelling"
        ],
        "density": "compact"
      },
      "url": "https://mian.ro/noodles/hakata",
      "metadataUrl": "https://mian.ro/registry/noodles/hakata.json"
    },
    {
      "id": "ditalini",
      "name": "Ditalini",
      "family": "Linear",
      "tagline": "Tiny tubes. A dense, calm ledger.",
      "description": "Ditalini, “little thimbles”, are short, tiny tubes that fill a spoon of soup evenly. Ditalini is a dense, conservative system for data: compact controls, small exact type with tabular figures, quiet slate blue, ruled tables and nothing that competes with the numbers.",
      "traits": {
        "mood": [
          "dense",
          "conservative",
          "sober",
          "precise",
          "calm",
          "trustworthy",
          "serious"
        ],
        "intensity": 1,
        "contrast": "medium",
        "geometry": "small 4px corners, even grid",
        "type": "system sans, small, tabular figures",
        "surface": "white panels, ruled tables",
        "motion": "minimal",
        "goodFor": [
          "admin dashboards",
          "finance",
          "accounting",
          "back office",
          "data-heavy tools",
          "b2b saas",
          "analytics"
        ],
        "lessFor": [
          "marketing sites",
          "children",
          "luxury"
        ],
        "density": "compact"
      },
      "url": "https://mian.ro/noodles/ditalini",
      "metadataUrl": "https://mian.ro/registry/noodles/ditalini.json"
    },
    {
      "id": "juksing",
      "name": "Juksing",
      "family": "Linear",
      "tagline": "Bamboo-pole noodles. Straight, jointed, springy.",
      "description": "Jook-sing noodles are kneaded by a cook who sits on the end of a long bamboo pole and bounces along the dough. Juksing is a bamboo system: straight lines broken by nodes, segmented progress and sliders with joints, dividers and step lines with node rings, tabs with node caps, and a small springy bounce when pressed.",
      "traits": {
        "mood": [
          "springy",
          "jointed",
          "crafted",
          "natural",
          "structured"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "straight lines with joints",
        "type": "sans",
        "surface": "bamboo-toned, jointed rules",
        "motion": "springy",
        "goodFor": [
          "logistics",
          "outdoor",
          "timelines",
          "process-heavy sites"
        ],
        "lessFor": [
          "luxury"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/juksing",
      "metadataUrl": "https://mian.ro/registry/noodles/juksing.json"
    },
    {
      "id": "kishimen",
      "name": "Kishimen",
      "family": "Linear",
      "tagline": "Wide, flat, glossy, with dancing flakes.",
      "description": "Broad, paper-thin flat noodles from Nagoya, topped with bonito flakes that dance in the steam. Kishimen is a wide, low, flat system: ribbon-shaped controls, full-width bands, and small flakes that flutter on interaction.",
      "traits": {
        "mood": [
          "wide",
          "glossy",
          "low",
          "calm",
          "modern"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "wide low ribbons",
        "type": "sans",
        "surface": "glossy flat",
        "motion": "flakes that dance on hover",
        "goodFor": [
          "media apps",
          "dashboards",
          "consumer tools"
        ],
        "lessFor": [
          "print-like editorial"
        ],
        "density": "compact"
      },
      "url": "https://mian.ro/noodles/kishimen",
      "metadataUrl": "https://mian.ro/registry/noodles/kishimen.json"
    },
    {
      "id": "lamian",
      "name": "LaMian",
      "family": "Linear",
      "tagline": "Long, smooth, dependable.",
      "description": "A cobalt primary on cool near-white with a cyan accent. The familiar product system: balanced, legible, and dependable rather than distinctive.",
      "traits": {
        "mood": [
          "familiar",
          "balanced",
          "modern",
          "trustworthy",
          "corporate"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "medium radius",
        "type": "clean sans",
        "surface": "soft shadows",
        "motion": "smooth",
        "goodFor": [
          "saas",
          "b2b",
          "startups",
          "admin panels"
        ],
        "lessFor": [
          "brands that must look distinctive",
          "editorial"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/lamian",
      "metadataUrl": "https://mian.ro/registry/noodles/lamian.json"
    },
    {
      "id": "somen",
      "name": "Somen",
      "family": "Thin",
      "tagline": "Hair-thin, white, served on ice.",
      "description": "The thinnest wheat noodle, bundled straight and eaten ice-cold. Somen is a hairline system: 1px strokes, underline fields, dot-sized knobs, light type and crisp, instant motion.",
      "traits": {
        "mood": [
          "hairline",
          "delicate",
          "cool",
          "quiet",
          "refined",
          "japanese"
        ],
        "intensity": 1,
        "contrast": "medium",
        "geometry": "1px strokes, underline fields",
        "type": "light sans",
        "surface": "icy white",
        "motion": "barely there",
        "goodFor": [
          "architecture",
          "research",
          "fashion",
          "studios",
          "quiet luxury"
        ],
        "lessFor": [
          "loud campaigns",
          "children"
        ],
        "density": "compact"
      },
      "url": "https://mian.ro/noodles/somen",
      "metadataUrl": "https://mian.ro/registry/noodles/somen.json"
    },
    {
      "id": "capellini",
      "name": "Capellini",
      "family": "Thin",
      "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.",
      "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"
      },
      "url": "https://mian.ro/noodles/capellini",
      "metadataUrl": "https://mian.ro/registry/noodles/capellini.json"
    },
    {
      "id": "longxu",
      "name": "Longxu",
      "family": "Thin",
      "tagline": "Folded, pulled, doubled, engraved in hairlines.",
      "description": "Longxu mian, dragon’s beard noodles, are made by folding and pulling one rope of dough again and again; every fold doubles the strands, 2, 4, 8 … thousands of hair-fine threads. Longxu is an engraving system: fills are drawn with fine parallel hatching that doubles in density when something is active, on warm paper, in ink.",
      "traits": {
        "mood": [
          "engraved",
          "intricate",
          "crafted",
          "precise",
          "heritage"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "engraved hairlines, doubled strands",
        "type": "sans with fine detail",
        "surface": "engraved lines",
        "motion": "doubling",
        "goodFor": [
          "banking",
          "certificates",
          "heritage brands",
          "premium tools"
        ],
        "lessFor": [
          "playful consumer"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/longxu",
      "metadataUrl": "https://mian.ro/registry/noodles/longxu.json"
    },
    {
      "id": "misua",
      "name": "Misua",
      "family": "Thin",
      "tagline": "Finest thread, never cut.",
      "description": "Misua (mee sua) is one of the finest wheat noodles there is, stretched by hand into threads and eaten on birthdays as longevity noodles, the longer and more unbroken, the better. Misua is a thread-thin system in which long, unbroken lines run through and between components, drawn slowly, with a red longevity thread for what matters.",
      "traits": {
        "mood": [
          "fine",
          "continuous",
          "celebratory",
          "gentle",
          "thread-like"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "one continuous thread",
        "type": "light sans",
        "surface": "thread lines, a red accent",
        "motion": "drawn lines",
        "goodFor": [
          "events",
          "weddings",
          "cultural sites",
          "timelines"
        ],
        "lessFor": [
          "dense admin"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/misua",
      "metadataUrl": "https://mian.ro/registry/noodles/misua.json"
    },
    {
      "id": "bun",
      "name": "Bún",
      "family": "Thin",
      "tagline": "Delicate, rosy, light.",
      "description": "Rice vermicelli. Rose primary on blush white, teal accent, rounded but refined. Lifestyle, beauty, events.",
      "traits": {
        "mood": [
          "rosy",
          "delicate",
          "light",
          "friendly",
          "lifestyle"
        ],
        "intensity": 2,
        "contrast": "low",
        "geometry": "rounded but refined",
        "type": "sans",
        "surface": "blush white",
        "motion": "gentle",
        "goodFor": [
          "beauty",
          "lifestyle",
          "events",
          "salons"
        ],
        "lessFor": [
          "finance",
          "engineering"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/bun",
      "metadataUrl": "https://mian.ro/registry/noodles/bun.json"
    },
    {
      "id": "kuzukiri",
      "name": "Kuzukiri",
      "family": "Glass",
      "tagline": "Clear glass in ice water. Black and white.",
      "description": "Kuzukiri are clear kudzu-starch noodles from Kyoto, served floating in ice water and dipped in black sugar syrup. Kuzukiri is Mian in glass: black and white, one-pixel edges and clear type, but every surface is a sheet of clear, cold glass, and the only colour is the dark syrup.",
      "traits": {
        "mood": [
          "glass",
          "clear",
          "monochrome",
          "cool",
          "premium"
        ],
        "intensity": 2,
        "contrast": "high",
        "geometry": "soft radius, clear panels",
        "type": "clean sans",
        "surface": "clear black-and-white glass",
        "motion": "smooth",
        "goodFor": [
          "premium apps",
          "hardware",
          "media",
          "portfolios"
        ],
        "lessFor": [
          "print-like editorial",
          "dense tables"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/kuzukiri",
      "metadataUrl": "https://mian.ro/registry/noodles/kuzukiri.json"
    },
    {
      "id": "sotanghon",
      "name": "Sotanghon",
      "family": "Glass",
      "tagline": "Real transparency. You see what is behind.",
      "description": "Sotanghon are Filipino mung-bean noodles: in the bowl you see the broth through them rather than the noodle. Sotanghon is glass with real transparency: surfaces are about a third opaque, they blur and brighten whatever is behind them, a line of light runs along the top edge, and the backdrop is part of the design.",
      "traits": {
        "mood": [
          "glass",
          "transparent",
          "airy",
          "premium",
          "modern",
          "light",
          "futuristic"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "large radius panes, rim of light",
        "type": "system sans",
        "surface": "truly transparent glass over a soft colour backdrop",
        "motion": "smooth, sharpens from blur",
        "goodFor": [
          "consumer apps",
          "media apps",
          "product launches",
          "weather",
          "music",
          "portfolios",
          "operating-system style interfaces"
        ],
        "lessFor": [
          "dense admin",
          "financial data",
          "print",
          "long-form reading"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/sotanghon",
      "metadataUrl": "https://mian.ro/registry/noodles/sotanghon.json"
    },
    {
      "id": "harusame",
      "name": "Harusame",
      "family": "Glass",
      "tagline": "Clear, cool, layered.",
      "description": "Glass noodles. Translucent surfaces with backdrop blur over a soft gradient, large radii, sky-blue primary. For dashboards and media.",
      "traits": {
        "mood": [
          "glass",
          "cool",
          "layered",
          "modern",
          "calm"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "large radius",
        "type": "clean sans",
        "surface": "frosted glass over a gradient",
        "motion": "smooth",
        "goodFor": [
          "dashboards",
          "media apps",
          "weather",
          "consumer apps"
        ],
        "lessFor": [
          "serious finance",
          "legal"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/harusame",
      "metadataUrl": "https://mian.ro/registry/noodles/harusame.json"
    },
    {
      "id": "fensi",
      "name": "Fensi",
      "family": "Glass",
      "tagline": "Liquid glass.",
      "description": "Fensi are mung-bean noodles that turn perfectly clear and glossy when cooked, slipping and bending like liquid. Fensi is a liquid-glass system: thick, clear capsules that bend the colour behind them, bright rims of light top and bottom, and shapes that flow and swell when touched.",
      "traits": {
        "mood": [
          "liquid",
          "glossy",
          "futuristic",
          "fluid",
          "premium"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "thick liquid glass, pills",
        "type": "clean sans",
        "surface": "liquid glass with gliding lenses",
        "motion": "fluid, springy",
        "goodFor": [
          "consumer apps",
          "audio",
          "product launches",
          "mobile"
        ],
        "lessFor": [
          "dense admin",
          "print"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/fensi",
      "metadataUrl": "https://mian.ro/registry/noodles/fensi.json"
    },
    {
      "id": "tokoroten",
      "name": "Tokoroten",
      "family": "Glass",
      "tagline": "Pressed through a grid. Glass tiles.",
      "description": "Tokoroten is agar jelly pushed through a wooden press whose blades form a square grid, so it comes out as clear, square strands. Tokoroten is a glass-tile system: frosted glass etched with a fine square grid, square-cut corners, grid-snapped indicators and a clean, cool palette with a mustard accent.",
      "traits": {
        "mood": [
          "glass",
          "grid",
          "tiled",
          "cool",
          "structured"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "square glass tiles",
        "type": "sans",
        "surface": "glass on a grid",
        "motion": "pressed",
        "goodFor": [
          "dashboards",
          "productivity",
          "smart home"
        ],
        "lessFor": [
          "editorial"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/tokoroten",
      "metadataUrl": "https://mian.ro/registry/noodles/tokoroten.json"
    },
    {
      "id": "nagashi",
      "name": "Nagashi",
      "family": "Glass",
      "tagline": "Down a bamboo chute in running water.",
      "description": "In nagashi-sōmen, noodles are sent down a split-bamboo chute in cold running water and caught with chopsticks as they pass. Nagashi is a flowing-water glass system: clear, blue-tinted glass, a current that runs along progress bars and hovered surfaces, indicators that glide downstream, and things that arrive on a gentle curve.",
      "traits": {
        "mood": [
          "flowing",
          "fresh",
          "summer",
          "glass",
          "lively"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "channels, rounded",
        "type": "sans",
        "surface": "running-water glass",
        "motion": "flowing",
        "goodFor": [
          "travel",
          "summer events",
          "consumer apps",
          "drinks"
        ],
        "lessFor": [
          "serious b2b"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/nagashi",
      "metadataUrl": "https://mian.ro/registry/noodles/nagashi.json"
    },
    {
      "id": "liangfen",
      "name": "Liangfen",
      "family": "Glass",
      "tagline": "Thick glass bricks. Cool, chunky, clear.",
      "description": "Liangfen is mung-bean jelly cut into thick, translucent strips and served cold with chilli oil and black vinegar. Liangfen is a glass-brick system: translucent blocks with visible thickness, a tinted glass edge below and to the side, that press down into the page when clicked, with a chilli-red accent.",
      "traits": {
        "mood": [
          "chunky",
          "glass",
          "cool",
          "solid",
          "bold"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "thick glass bricks",
        "type": "sans, heavy",
        "surface": "translucent bricks",
        "motion": "solid",
        "goodFor": [
          "consumer apps",
          "games",
          "food"
        ],
        "lessFor": [
          "quiet luxury"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/liangfen",
      "metadataUrl": "https://mian.ro/registry/noodles/liangfen.json"
    },
    {
      "id": "dangmyeon",
      "name": "Dangmyeon",
      "family": "Glass",
      "tagline": "Smoked glass, sesame gloss.",
      "description": "Dangmyeon are Korean sweet-potato starch noodles: grey-brown and translucent, chewy, glossy with sesame oil and tossed with bright julienned vegetables in japchae. Dangmyeon is a smoked-glass system: dark tinted translucent panels with an amber sheen, and the vegetables’ colours as accents.",
      "traits": {
        "mood": [
          "smoked",
          "glossy",
          "moody",
          "premium",
          "dark"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "soft radius",
        "type": "sans",
        "surface": "smoked glass",
        "motion": "smooth",
        "goodFor": [
          "nightlife",
          "music",
          "premium apps",
          "bars and restaurants"
        ],
        "lessFor": [
          "children",
          "public services"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/dangmyeon",
      "metadataUrl": "https://mian.ro/registry/noodles/dangmyeon.json"
    },
    {
      "id": "woonsen",
      "name": "Woonsen",
      "family": "Glass",
      "tagline": "Crystal clear, a prism at the edge.",
      "description": "Woonsen are Thai glass noodles, crystal clear in a bright salad of lime, chilli and herbs. Woonsen is a crystal system: clear glass with faceted, bevelled edges that split light into a thin prism of colour, and small sparkles of motion.",
      "traits": {
        "mood": [
          "crystal",
          "bright",
          "faceted",
          "fresh",
          "sparkling"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "bevelled facets",
        "type": "sans",
        "surface": "crystal glass with prism edges",
        "motion": "glint",
        "goodFor": [
          "jewellery",
          "beauty",
          "launches",
          "drinks"
        ],
        "lessFor": [
          "dense admin"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/woonsen",
      "metadataUrl": "https://mian.ro/registry/noodles/woonsen.json"
    },
    {
      "id": "shirataki",
      "name": "Shirataki",
      "family": "Glass",
      "tagline": "Translucent, jelly-soft, bouncy.",
      "description": "\"White waterfall\" noodles made of konjac: milky, translucent, slippery and springy. Shirataki is a jelly system: glossy blobs, wobble-on-press, overshooting springs and soft pearl surfaces.",
      "traits": {
        "mood": [
          "bouncy",
          "jelly",
          "playful",
          "soft",
          "fun"
        ],
        "intensity": 3,
        "contrast": "low",
        "geometry": "blobs, round",
        "type": "rounded sans",
        "surface": "milky translucent jelly",
        "motion": "wobble and overshoot",
        "goodFor": [
          "games",
          "kids",
          "consumer apps",
          "social"
        ],
        "lessFor": [
          "finance",
          "legal",
          "enterprise"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/shirataki",
      "metadataUrl": "https://mian.ro/registry/noodles/shirataki.json"
    },
    {
      "id": "chasoba",
      "name": "Cha Soba",
      "family": "Textured",
      "tagline": "Matcha, calm, considered.",
      "description": "Green-tea soba. Muted matcha primary, serif headings, paper-toned surfaces and small radii. Wellness, writing, reading.",
      "traits": {
        "mood": [
          "calm",
          "natural",
          "considered",
          "bookish",
          "wellness"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "small radius",
        "type": "serif headings",
        "surface": "paper-toned, matcha",
        "motion": "calm",
        "goodFor": [
          "wellness",
          "writing",
          "reading apps",
          "tea and food",
          "sustainability"
        ],
        "lessFor": [
          "loud campaigns",
          "gaming"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/chasoba",
      "metadataUrl": "https://mian.ro/registry/noodles/chasoba.json"
    },
    {
      "id": "daoxiao",
      "name": "Daoxiao",
      "family": "Textured",
      "tagline": "Shaved from the block. Rough-hewn.",
      "description": "Daoxiao mian, knife-shaved noodles, are shaved straight from a block of dough into boiling water, each one thick in the middle and thin at the edges like a willow leaf, with a ridged, hand-cut surface. Daoxiao is a carved system: shaved-stroke textures, ridged bevels, willow-leaf shapes and quick flicking motion.",
      "traits": {
        "mood": [
          "rough",
          "hand-made",
          "rugged",
          "crafted",
          "honest"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "shaved, uneven edges",
        "type": "sturdy sans",
        "surface": "rough-hewn",
        "motion": "chunky",
        "goodFor": [
          "craft brands",
          "outdoor",
          "food",
          "workshops"
        ],
        "lessFor": [
          "fintech",
          "precise tools"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/daoxiao",
      "metadataUrl": "https://mian.ro/registry/noodles/daoxiao.json"
    },
    {
      "id": "pici",
      "name": "Pici",
      "family": "Textured",
      "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.",
      "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"
      },
      "url": "https://mian.ro/noodles/pici",
      "metadataUrl": "https://mian.ro/registry/noodles/pici.json"
    },
    {
      "id": "naengmyeon",
      "name": "Naengmyeon",
      "family": "Textured",
      "tagline": "Ice-cold, in a brushed-steel bowl.",
      "description": "Naengmyeon are long, chewy buckwheat noodles served in an ice-cold broth, often with a slush of ice, in a brushed stainless-steel bowl, and cut at the table with scissors. Naengmyeon is a brushed-metal system: fine brushed-steel textures, frosted edges, cool steel greys, and a crisp snip when things open.",
      "traits": {
        "mood": [
          "metallic",
          "cold",
          "industrial",
          "crisp",
          "engineered"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "brushed steel panels",
        "type": "sans",
        "surface": "brushed metal",
        "motion": "crisp",
        "goodFor": [
          "hardware",
          "industrial",
          "automotive",
          "engineering"
        ],
        "lessFor": [
          "soft lifestyle"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/naengmyeon",
      "metadataUrl": "https://mian.ro/registry/noodles/naengmyeon.json"
    },
    {
      "id": "hoto",
      "name": "Hōtō",
      "family": "Textured",
      "tagline": "Rustic, earthy, simmered.",
      "description": "Hōtō are thick, flat, hand-cut noodles simmered in miso with pumpkin and root vegetables in a heavy iron pot. Hōtō is a rustic stoneware system: coarse clay grain on every surface, thick glazed edges, earthy miso and pumpkin colours and slow, simmering motion.",
      "traits": {
        "mood": [
          "rustic",
          "earthy",
          "warm",
          "homely",
          "traditional"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "thick, rounded stoneware",
        "type": "warm sans",
        "surface": "coarse stoneware, earthy tones",
        "motion": "slow",
        "goodFor": [
          "food",
          "farms",
          "crafts",
          "local businesses",
          "hospitality"
        ],
        "lessFor": [
          "tech startups",
          "fintech"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/hoto",
      "metadataUrl": "https://mian.ro/registry/noodles/hoto.json"
    },
    {
      "id": "ramen",
      "name": "Ramen",
      "family": "Bold",
      "tagline": "Bold, loud, high contrast.",
      "description": "Pure black and white with a chilli-red primary and amber accent. Heavier type, crisp shadows. For products that want to be noticed.",
      "traits": {
        "mood": [
          "bold",
          "loud",
          "energetic",
          "confident",
          "noticeable"
        ],
        "intensity": 4,
        "contrast": "high",
        "geometry": "crisp, medium radius",
        "type": "heavy sans",
        "surface": "black, white and chilli red, crisp shadows",
        "motion": "snappy",
        "goodFor": [
          "campaigns",
          "product launches",
          "agencies",
          "sport",
          "youth brands"
        ],
        "lessFor": [
          "quiet luxury",
          "healthcare"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/ramen",
      "metadataUrl": "https://mian.ro/registry/noodles/ramen.json"
    },
    {
      "id": "biangbiang",
      "name": "Biangbiang",
      "family": "Bold",
      "tagline": "Belt-wide, slapped, loud.",
      "description": "Biangbiang noodles are hand-pulled into belts as wide as a hand and slapped against the counter as they are stretched, the sound gives them their name, written with one of the most complicated characters in Chinese. Biangbiang is a heavyweight system: belt-wide blocks, very heavy type, thick borders, flat colour and a slap of motion.",
      "traits": {
        "mood": [
          "loud",
          "brutal",
          "energetic",
          "unusual",
          "raw",
          "expressive"
        ],
        "intensity": 5,
        "contrast": "high",
        "geometry": "thick outlines, hard offset shadows",
        "type": "heavy display",
        "surface": "belt-wide bands, thick ink",
        "motion": "slapped, bouncy",
        "goodFor": [
          "creative agencies",
          "festivals",
          "events",
          "youth brands",
          "indie products"
        ],
        "lessFor": [
          "finance",
          "legal",
          "healthcare",
          "dense admin"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/biangbiang",
      "metadataUrl": "https://mian.ro/registry/noodles/biangbiang.json"
    },
    {
      "id": "maccheroni",
      "name": "Maccheroni",
      "family": "Bold",
      "tagline": "Thick ink line, cut-out shadow, sweet colours.",
      "description": "Maccheroni are short elbows of pasta, the first shape a child draws. Maccheroni is a blunt, cheerful system: a thick ink line around everything, a solid shadow you could cut out with scissors, flat sweet colours and corners just rounded enough to be friendly. Pressing a button pushes it down onto its shadow.",
      "traits": {
        "mood": [
          "brutal",
          "playful",
          "bold",
          "cheerful",
          "loud",
          "pastel",
          "honest",
          "indie"
        ],
        "intensity": 4,
        "contrast": "high",
        "geometry": "2px ink outlines, solid offset shadows, 8–12px corners",
        "type": "heavy grotesk",
        "surface": "flat sweet colours on cream",
        "motion": "physical: drops onto its shadow",
        "goodFor": [
          "indie products",
          "creator tools",
          "creative agencies",
          "education",
          "communities",
          "landing pages",
          "events"
        ],
        "lessFor": [
          "finance",
          "healthcare",
          "luxury",
          "dense admin"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/maccheroni",
      "metadataUrl": "https://mian.ro/registry/noodles/maccheroni.json"
    },
    {
      "id": "rigatoni",
      "name": "Rigatoni",
      "family": "Bold",
      "tagline": "Ridged tubes. Poster stripes.",
      "description": "Rigatoni are wide tubes with ridges down their length, made to hold a heavy sauce. Rigatoni is a ridged poster system: condensed heavy type, parallel stripes as the texture of rules, focus and progress, flat cream paper and one paprika orange.",
      "traits": {
        "mood": [
          "bold",
          "ridged",
          "poster",
          "confident",
          "industrial",
          "european",
          "energetic"
        ],
        "intensity": 4,
        "contrast": "high",
        "geometry": "broad outlines, ridged stripes",
        "type": "heavy grotesk at 900",
        "surface": "cream paper, outlined",
        "motion": "short, direct",
        "goodFor": [
          "creative agencies",
          "studios",
          "campaigns",
          "restaurants",
          "events",
          "sport"
        ],
        "lessFor": [
          "healthcare",
          "quiet luxury",
          "dense admin"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/rigatoni",
      "metadataUrl": "https://mian.ro/registry/noodles/rigatoni.json"
    },
    {
      "id": "fusilli",
      "name": "Fusilli",
      "family": "Bold",
      "tagline": "Twisted, springy, a little off-axis.",
      "description": "Fusilli are strands wound around a thin rod into springs. Fusilli is an expressive system for creative work: italic heavy headings, surfaces that tilt a degree on hover, spiral spinners, a springy overshoot on every press, basil green with a tomato accent.",
      "traits": {
        "mood": [
          "expressive",
          "playful",
          "energetic",
          "unusual",
          "springy",
          "creative"
        ],
        "intensity": 4,
        "contrast": "medium",
        "geometry": "rounded, tilting surfaces, italic lean",
        "type": "italic heavy sans",
        "surface": "white with soft green-tinted shadows",
        "motion": "springy overshoot, one-degree tilts",
        "goodFor": [
          "creative agencies",
          "studios",
          "portfolios",
          "startups",
          "communities",
          "product launches"
        ],
        "lessFor": [
          "finance",
          "legal",
          "healthcare",
          "dense admin"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/fusilli",
      "metadataUrl": "https://mian.ro/registry/noodles/fusilli.json"
    },
    {
      "id": "jjajang",
      "name": "Jjajang",
      "family": "Bold",
      "tagline": "Glossy black, bold and rich.",
      "description": "Jjajangmyeon comes under a thick, glossy black-bean sauce with diced onion and a crisp tangle of cucumber on top. Jjajang is a bold, lacquered-black system: heavy glossy black surfaces with a wet highlight, bright cucumber-green and onion-cream accents, and rich, heavy type.",
      "traits": {
        "mood": [
          "glossy",
          "rich",
          "dark",
          "bold",
          "premium"
        ],
        "intensity": 4,
        "contrast": "high",
        "geometry": "lacquered, rounded",
        "type": "bold sans",
        "surface": "lacquered black",
        "motion": "glossy",
        "goodFor": [
          "nightlife",
          "music",
          "gaming",
          "premium brands"
        ],
        "lessFor": [
          "public services",
          "children"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/jjajang",
      "metadataUrl": "https://mian.ro/registry/noodles/jjajang.json"
    },
    {
      "id": "laksa",
      "name": "Laksa",
      "family": "Bold",
      "tagline": "Spicy, creamy, layered colour.",
      "description": "Curry laksa is rice noodles in a rich coconut-curry broth, red with chilli oil, topped with tofu puffs, lime and laksa leaf. Laksa is a bold colour system: saturated sambal red over coconut cream, thick coloured rings and bands, and a bubbling pulse of motion.",
      "traits": {
        "mood": [
          "spicy",
          "warm",
          "colourful",
          "layered",
          "vibrant"
        ],
        "intensity": 4,
        "contrast": "medium",
        "geometry": "rounded, layered colour",
        "type": "bold sans",
        "surface": "layered warm colour",
        "motion": "lively",
        "goodFor": [
          "food",
          "festivals",
          "travel",
          "culture"
        ],
        "lessFor": [
          "enterprise",
          "legal"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/laksa",
      "metadataUrl": "https://mian.ro/registry/noodles/laksa.json"
    },
    {
      "id": "soba",
      "name": "Soba",
      "family": "Elegant",
      "tagline": "Earthy, editorial, restrained.",
      "description": "Buckwheat neutrals with serif headings and small radii. Flat: borders instead of shadows. For publications, docs and calm tools.",
      "traits": {
        "mood": [
          "editorial",
          "earthy",
          "restrained",
          "literary",
          "calm"
        ],
        "intensity": 1,
        "contrast": "medium",
        "geometry": "small radius, borders not shadows",
        "type": "serif headings",
        "surface": "buckwheat neutrals, flat",
        "motion": "calm",
        "goodFor": [
          "publications",
          "documentation",
          "law",
          "research",
          "calm tools"
        ],
        "lessFor": [
          "games",
          "campaigns"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/soba",
      "metadataUrl": "https://mian.ro/registry/noodles/soba.json"
    },
    {
      "id": "tagliatelle",
      "name": "Tagliatelle",
      "family": "Elegant",
      "tagline": "Egg ribbons, cut by hand. Editorial.",
      "description": "Tagliatelle are ribbons of egg pasta, rolled thin and cut by hand; Bologna keeps a golden reference ribbon in its chamber of commerce. Tagliatelle is an editorial system: Garamond headings, generous measures, ribbon underlines in egg-yolk gold, paper surfaces and hairline rules.",
      "traits": {
        "mood": [
          "editorial",
          "elegant",
          "literary",
          "warm",
          "refined",
          "italian",
          "european"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "hairlines, ribbon underlines",
        "type": "Garamond headings, clean sans body",
        "surface": "warm paper, no shadows",
        "motion": "slow fade",
        "goodFor": [
          "publications",
          "magazines",
          "studios",
          "hospitality",
          "fine dining",
          "cultural sites",
          "online courses"
        ],
        "lessFor": [
          "dense admin",
          "games"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/tagliatelle",
      "metadataUrl": "https://mian.ro/registry/noodles/tagliatelle.json"
    },
    {
      "id": "tajarin",
      "name": "Tajarin",
      "family": "Elegant",
      "tagline": "Forty yolks and shaved truffle.",
      "description": "Tajarin are Piedmont’s hair-thin egg noodles, made with up to forty yolks per kilo, served in autumn under shaved white truffle. Tajarin is a luxury system: black and ivory, Garamond headlines, tiny tracked capitals, sharp corners, hairlines and one gold yolk accent, with a lot of silence around everything.",
      "traits": {
        "mood": [
          "luxury",
          "refined",
          "golden",
          "italian",
          "exclusive",
          "elegant"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "fine rules, tracked capitals",
        "type": "Didone headings, tracked caps",
        "surface": "ivory and gold",
        "motion": "slow",
        "goodFor": [
          "luxury",
          "hospitality",
          "fine dining",
          "fashion",
          "wine"
        ],
        "lessFor": [
          "dense admin",
          "children"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/tajarin",
      "metadataUrl": "https://mian.ro/registry/noodles/tajarin.json"
    },
    {
      "id": "mafaldine",
      "name": "Mafaldine",
      "family": "Elegant",
      "tagline": "Royal ribbons with ruffled edges.",
      "description": "Mafaldine are long ribbons with ruffled edges, named in 1902 for Princess Mafalda of Savoy. Mafaldine is a regal system: Didone italics, wavy ruffled underlines and dividers, scalloped badges, deep burgundy and antique gold on cream, and slow, courtly motion.",
      "traits": {
        "mood": [
          "regal",
          "ornate",
          "romantic",
          "elegant",
          "expressive"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "wavy ruffled edges",
        "type": "Didone italics",
        "surface": "ruffled ribbons",
        "motion": "waves",
        "goodFor": [
          "weddings",
          "culture",
          "fashion",
          "perfume",
          "theatre"
        ],
        "lessFor": [
          "developer tools",
          "finance"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/mafaldine",
      "metadataUrl": "https://mian.ro/registry/noodles/mafaldine.json"
    },
    {
      "id": "corzetti",
      "name": "Corzetti",
      "family": "Elegant",
      "tagline": "Pasta coins, stamped by hand.",
      "description": "Corzetti are discs of pasta pressed between two carved wooden stamps, so each coin carries a coat of arms on one side and a flower on the other. Corzetti is a letterpress system: debossed type, embossed surfaces pressed into the paper, round medallion badges, navy ink and a seal red on cream.",
      "traits": {
        "mood": [
          "stamped",
          "crafted",
          "heritage",
          "tactile",
          "elegant"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "coins, stamped reliefs",
        "type": "serif",
        "surface": "raised and pressed",
        "motion": "press",
        "goodFor": [
          "heritage brands",
          "wine",
          "bakeries",
          "crafts",
          "museums"
        ],
        "lessFor": [
          "developer tools"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/corzetti",
      "metadataUrl": "https://mian.ro/registry/noodles/corzetti.json"
    },
    {
      "id": "inaniwa",
      "name": "Inaniwa",
      "family": "Elegant",
      "tagline": "Silken, ivory, courtly.",
      "description": "Inaniwa udon is kneaded, stretched and dried by hand over several days into thin, silky, glossy ivory noodles, once made only for the court. Inaniwa is an elegant system: ivory and ink, fine serif type, gold hairlines, a silk sheen and generous, unhurried space.",
      "traits": {
        "mood": [
          "silken",
          "courtly",
          "refined",
          "serene",
          "elegant"
        ],
        "intensity": 1,
        "contrast": "low",
        "geometry": "fine, rounded",
        "type": "serif",
        "surface": "glossy ivory",
        "motion": "slow and smooth",
        "goodFor": [
          "hospitality",
          "spa",
          "tea",
          "luxury retail"
        ],
        "lessFor": [
          "dense admin",
          "loud campaigns"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/inaniwa",
      "metadataUrl": "https://mian.ro/registry/noodles/inaniwa.json"
    },
    {
      "id": "yifu",
      "name": "Yifu",
      "family": "Elegant",
      "tagline": "Lacquer red and gold, for celebrations.",
      "description": "Yifu mian (yi mein) are golden fried egg noodles served at birthdays and weddings for long life. Yifu is a celebratory, lacquered system: deep lacquer red and black with fine gold inlay lines, framed panels like a lacquer box, and slow, ceremonial motion.",
      "traits": {
        "mood": [
          "celebratory",
          "festive",
          "lacquer",
          "gold",
          "rich"
        ],
        "intensity": 4,
        "contrast": "high",
        "geometry": "lacquered, ornamental",
        "type": "serif",
        "surface": "lacquer red and gold",
        "motion": "festive",
        "goodFor": [
          "celebrations",
          "restaurants",
          "cultural events",
          "gifts"
        ],
        "lessFor": [
          "saas",
          "healthcare"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/yifu",
      "metadataUrl": "https://mian.ro/registry/noodles/yifu.json"
    },
    {
      "id": "udon",
      "name": "Udon",
      "family": "Rounded",
      "tagline": "Thick, soft, warm.",
      "description": "Cream surfaces, generous rounding and a terracotta primary. Comfortable density and soft depth for friendly, tactile products.",
      "traits": {
        "mood": [
          "warm",
          "friendly",
          "soft",
          "tactile",
          "cosy"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "generous rounding",
        "type": "rounded sans",
        "surface": "cream, soft depth",
        "motion": "soft",
        "goodFor": [
          "consumer products",
          "food",
          "home",
          "onboarding"
        ],
        "lessFor": [
          "enterprise data",
          "legal"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/udon",
      "metadataUrl": "https://mian.ro/registry/noodles/udon.json"
    },
    {
      "id": "gnocchi",
      "name": "Gnocchi",
      "family": "Rounded",
      "tagline": "Soft pillows. Clay you want to press.",
      "description": "Gnocchi are small pillows of potato dough, rolled over a fork so each one keeps the dent of a thumb. Gnocchi is a clay system: every element is a soft inflated shape lit from above, with a light inner edge on top, a darker one underneath and a wide coloured shadow. Things squash when pressed and pop back.",
      "traits": {
        "mood": [
          "clay",
          "soft",
          "playful",
          "friendly",
          "puffy",
          "cheerful",
          "tactile",
          "3d"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "inflated cushions, 28px corners",
        "type": "rounded heavy sans",
        "surface": "clay: inner light, inner shadow, tinted drop",
        "motion": "squash and spring",
        "goodFor": [
          "kids",
          "education",
          "consumer onboarding",
          "games",
          "wellness",
          "food",
          "landing pages"
        ],
        "lessFor": [
          "finance",
          "legal",
          "enterprise",
          "dense admin"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/gnocchi",
      "metadataUrl": "https://mian.ro/registry/noodles/gnocchi.json"
    },
    {
      "id": "cavatelli",
      "name": "Cavatelli",
      "family": "Rounded",
      "tagline": "One material, pressed in and pushed out.",
      "description": "Cavatelli, “little hollows”, are small pieces of dough dragged under two fingers so they curl around the dent. Cavatelli is a soft, single-material system: page and surface are the same colour, and every element is either pushed out of the page or pressed into it, drawn only by a light and a shadow. Colour is kept for what is switched on.",
      "traits": {
        "mood": [
          "soft",
          "monochrome",
          "calm",
          "tactile",
          "quiet",
          "embossed",
          "minimal"
        ],
        "intensity": 2,
        "contrast": "low",
        "geometry": "soft extruded shapes, 14–22px corners",
        "type": "clean sans",
        "surface": "one material: raised or pressed in",
        "motion": "slow, no movement",
        "goodFor": [
          "smart home",
          "audio",
          "calculators and tools",
          "wellness",
          "hardware companions",
          "personal dashboards"
        ],
        "lessFor": [
          "dense admin",
          "content-heavy sites",
          "e-commerce",
          "data tables"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/cavatelli",
      "metadataUrl": "https://mian.ro/registry/noodles/cavatelli.json"
    },
    {
      "id": "orecchiette",
      "name": "Orecchiette",
      "family": "Rounded",
      "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.",
      "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"
      },
      "url": "https://mian.ro/noodles/orecchiette",
      "metadataUrl": "https://mian.ro/registry/noodles/orecchiette.json"
    },
    {
      "id": "mee",
      "name": "Mee",
      "family": "Rounded",
      "tagline": "Golden, round, cheerful.",
      "description": "Egg-yolk yellow, pill-shaped controls, rounded type and big friendly corners. Consumer apps, kids, onboarding.",
      "traits": {
        "mood": [
          "cheerful",
          "golden",
          "playful",
          "bright",
          "kid-friendly"
        ],
        "intensity": 3,
        "contrast": "medium",
        "geometry": "pills and big corners",
        "type": "rounded sans",
        "surface": "egg-yolk yellow",
        "motion": "bouncy",
        "goodFor": [
          "kids",
          "education",
          "consumer apps",
          "onboarding"
        ],
        "lessFor": [
          "finance",
          "luxury"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/mee",
      "metadataUrl": "https://mian.ro/registry/noodles/mee.json"
    },
    {
      "id": "mixian",
      "name": "Mixian",
      "family": "Rounded",
      "tagline": "Round, soft, served on small plates.",
      "description": "Mixian are Yunnan’s round rice noodles, smooth, white and springy. In crossing-the-bridge noodles they arrive with a bowl of very hot broth and a table of small plates, and each ingredient is slid into the bowl one at a time. Mixian is a small-plates system: everything round, every choice on its own separate plate, and things arriving one by one.",
      "traits": {
        "mood": [
          "round",
          "soft",
          "tidy",
          "friendly",
          "modular"
        ],
        "intensity": 2,
        "contrast": "low",
        "geometry": "round, small plates",
        "type": "rounded sans",
        "surface": "white plates",
        "motion": "soft",
        "goodFor": [
          "food delivery",
          "menus",
          "modular dashboards",
          "consumer apps"
        ],
        "lessFor": [
          "editorial"
        ],
        "density": "comfortable"
      },
      "url": "https://mian.ro/noodles/mixian",
      "metadataUrl": "https://mian.ro/registry/noodles/mixian.json"
    },
    {
      "id": "pho",
      "name": "Pho",
      "family": "Rounded",
      "tagline": "Fresh, herbal, clean.",
      "description": "Herb green on a crisp white, chilli-orange accent. Clean and optimistic: health, food, finance and sustainability.",
      "traits": {
        "mood": [
          "fresh",
          "herbal",
          "clean",
          "optimistic",
          "healthy"
        ],
        "intensity": 2,
        "contrast": "medium",
        "geometry": "medium radius",
        "type": "clean sans",
        "surface": "crisp white, herb green",
        "motion": "fresh",
        "goodFor": [
          "health",
          "food",
          "sustainability",
          "finance for consumers"
        ],
        "lessFor": [
          "nightlife",
          "luxury"
        ],
        "density": "default"
      },
      "url": "https://mian.ro/noodles/pho",
      "metadataUrl": "https://mian.ro/registry/noodles/pho.json"
    }
  ],
  "templates": [
    {
      "id": "ledger",
      "name": "Ledger",
      "kind": "SaaS product",
      "summary": "A B2B software site: product home, pricing with a plan comparison, and sign-in.",
      "noodle": "mian",
      "pages": 3,
      "url": "https://mian.ro/templates/ledger",
      "metadataUrl": "https://mian.ro/registry/templates/ledger.json"
    },
    {
      "id": "pipeline",
      "name": "Pipeline",
      "kind": "CRM & sales app",
      "summary": "A sales app: a dashboard with target, funnel, leaderboard and revenue, a deals board, and an invoice with its history.",
      "noodle": "spaghetti",
      "pages": 3,
      "url": "https://mian.ro/templates/pipeline",
      "metadataUrl": "https://mian.ro/registry/templates/pipeline.json"
    },
    {
      "id": "quanta",
      "name": "Quanta",
      "kind": "Finance admin",
      "summary": "A conservative back-office app: an invoice list with a filter bar, bulk actions, a dense table and pagination, and an invoice page with its activity.",
      "noodle": "ditalini",
      "pages": 2,
      "url": "https://mian.ro/templates/quanta",
      "metadataUrl": "https://mian.ro/registry/templates/quanta.json"
    },
    {
      "id": "beacon",
      "name": "Beacon",
      "kind": "Analytics dashboard",
      "summary": "An analytics dashboard and a status page: KPI cards with sparklines, a chart you can inspect, a gauge, a breakdown, a heatmap and uptime bars.",
      "noodle": "fettuccine",
      "pages": 2,
      "url": "https://mian.ro/templates/beacon",
      "metadataUrl": "https://mian.ro/registry/templates/beacon.json"
    },
    {
      "id": "relay",
      "name": "Relay",
      "kind": "Developer platform",
      "summary": "An API product site with code in the hero, SDK tabs, usage pricing, and a three-column docs page.",
      "noodle": "kalguksu",
      "pages": 2,
      "url": "https://mian.ro/templates/relay",
      "metadataUrl": "https://mian.ro/registry/templates/relay.json"
    },
    {
      "id": "forma",
      "name": "Forma",
      "kind": "Agency",
      "summary": "A small digital agency: a statement headline, selected work in mixed sizes, services, a dark process band, one quote, FAQ and a brief form, plus a case study.",
      "noodle": "rigatoni",
      "pages": 2,
      "url": "https://mian.ro/templates/forma",
      "metadataUrl": "https://mian.ro/registry/templates/forma.json"
    },
    {
      "id": "tessera",
      "name": "Tessera",
      "kind": "Bento studio site",
      "summary": "A studio or personal site laid out as a bento: the headline, the numbers, the availability and the work are tiles of different sizes in one grid.",
      "noodle": "penne",
      "pages": 2,
      "url": "https://mian.ro/templates/tessera",
      "metadataUrl": "https://mian.ro/registry/templates/tessera.json"
    },
    {
      "id": "noir",
      "name": "Noir",
      "kind": "Cinematic studio site",
      "summary": "A dark, cinematic site for a film or photography studio: a poster-sized headline over a slowly moving gradient, large stills, and almost no interface.",
      "noodle": "chitarra",
      "pages": 2,
      "url": "https://mian.ro/templates/noir",
      "metadataUrl": "https://mian.ro/registry/templates/noir.json"
    },
    {
      "id": "orsola",
      "name": "Villa Orsola",
      "kind": "Hotel booking",
      "summary": "A boutique hotel: home with a booking bar and date-range calendar, rooms, and a three-step reservation with a live summary.",
      "noodle": "tajarin",
      "pages": 3,
      "url": "https://mian.ro/templates/orsola",
      "metadataUrl": "https://mian.ro/registry/templates/orsola.json"
    },
    {
      "id": "nido",
      "name": "Nido",
      "kind": "Appointment booking",
      "summary": "A studio or clinic: a calm home page with services, prices and team, and a three-step booking with a calendar and time slots.",
      "noodle": "capellini",
      "pages": 2,
      "url": "https://mian.ro/templates/nido",
      "metadataUrl": "https://mian.ro/registry/templates/nido.json"
    },
    {
      "id": "casa",
      "name": "Casa",
      "kind": "Real estate",
      "summary": "A property site: search, quick filters and a results grid of listings with price, size, rooms and energy class, and a listing page with photos, facts and viewing slots.",
      "noodle": "hiyamugi",
      "pages": 2,
      "url": "https://mian.ro/templates/casa",
      "metadataUrl": "https://mian.ro/registry/templates/casa.json"
    },
    {
      "id": "hana",
      "name": "Hana",
      "kind": "Restaurant",
      "summary": "A small restaurant: home with the story and hours, a printed-style menu, and a reservation form with a calendar.",
      "noodle": "hiyamugi",
      "pages": 3,
      "url": "https://mian.ro/templates/hana",
      "metadataUrl": "https://mian.ro/registry/templates/hana.json"
    },
    {
      "id": "kiln",
      "name": "Kiln",
      "kind": "Online shop",
      "summary": "A small shop: a home page with the collection and story, a product page with gallery and options, and a cart.",
      "noodle": "shio",
      "pages": 3,
      "url": "https://mian.ro/templates/kiln",
      "metadataUrl": "https://mian.ro/registry/templates/kiln.json"
    },
    {
      "id": "nove",
      "name": "Nove",
      "kind": "Fashion shop",
      "summary": "A fashion store: a category page with quick filters and a filter drawer, a product page with gallery, sizes and reviews, and checkout.",
      "noodle": "bucatini",
      "pages": 3,
      "url": "https://mian.ro/templates/nove",
      "metadataUrl": "https://mian.ro/registry/templates/nove.json"
    },
    {
      "id": "circle",
      "name": "Circle",
      "kind": "Social network",
      "summary": "A social app: a feed with stories, a composer and posts with working like and repost toggles, and a profile with replies.",
      "noodle": "farfalle",
      "pages": 2,
      "url": "https://mian.ro/templates/circle",
      "metadataUrl": "https://mian.ro/registry/templates/circle.json"
    },
    {
      "id": "fieldnotes",
      "name": "Field Notes",
      "kind": "Magazine",
      "summary": "An editorial site: a front page with a lead story, latest and most-read, and a long-read article page.",
      "noodle": "soba",
      "pages": 2,
      "url": "https://mian.ro/templates/fieldnotes",
      "metadataUrl": "https://mian.ro/registry/templates/fieldnotes.json"
    },
    {
      "id": "lumen",
      "name": "Lumen",
      "kind": "Online course",
      "summary": "An online course: the outcome and length up front, who it is for, a curriculum with durations, the teacher, one price with a refund and an FAQ, plus the learner area with progress and notes.",
      "noodle": "tagliatelle",
      "pages": 2,
      "url": "https://mian.ro/templates/lumen",
      "metadataUrl": "https://mian.ro/registry/templates/lumen.json"
    },
    {
      "id": "pace",
      "name": "Pace",
      "kind": "Web app dashboard",
      "summary": "An app shell with a sidebar and a mobile drawer: an overview dashboard, an activity table with filters, and tabbed settings.",
      "noodle": "hakata",
      "pages": 3,
      "url": "https://mian.ro/templates/pace",
      "metadataUrl": "https://mian.ro/registry/templates/pace.json"
    },
    {
      "id": "aldini",
      "name": "Aldini",
      "kind": "Company website",
      "summary": "A company website: a home page with work and services, an about page with history and partners, careers with open roles, and contact with offices.",
      "noodle": "corzetti",
      "pages": 4,
      "url": "https://mian.ro/templates/aldini",
      "metadataUrl": "https://mian.ro/registry/templates/aldini.json"
    },
    {
      "id": "ito",
      "name": "Studio Ito",
      "kind": "Portfolio",
      "summary": "A studio portfolio: an editorial hero, large work tiles, services, results, team and a contact line; plus a case study.",
      "noodle": "somen",
      "pages": 2,
      "url": "https://mian.ro/templates/ito",
      "metadataUrl": "https://mian.ro/registry/templates/ito.json"
    },
    {
      "id": "orto",
      "name": "Orto",
      "kind": "Presentation",
      "summary": "A presentation website: a seven-slide pitch deck with full-height snapping slides, keyboard navigation, a counter and progress.",
      "noodle": "pappardelle",
      "pages": 1,
      "url": "https://mian.ro/templates/orto",
      "metadataUrl": "https://mian.ro/registry/templates/orto.json"
    },
    {
      "id": "dot",
      "name": "Dot One",
      "kind": "Hardware launch",
      "summary": "A product launch for a physical device: centred hero, figures, bento, repair story, pre-order and a specs page.",
      "noodle": "yinzhen",
      "pages": 2,
      "url": "https://mian.ro/templates/dot",
      "metadataUrl": "https://mian.ro/registry/templates/dot.json"
    },
    {
      "id": "mist",
      "name": "Mist",
      "kind": "Mobile app",
      "summary": "A one-page app launch: split hero with the app on a phone, a bento of features, a privacy promise, reviews and store buttons.",
      "noodle": "kuzukiri",
      "pages": 1,
      "url": "https://mian.ro/templates/mist",
      "metadataUrl": "https://mian.ro/registry/templates/mist.json"
    },
    {
      "id": "signal",
      "name": "Signal 26",
      "kind": "Event",
      "summary": "A conference site: a huge-type hero, figures, speakers, the day at a glance, tickets, venue and partners; plus a tabbed programme.",
      "noodle": "biangbiang",
      "pages": 2,
      "url": "https://mian.ro/templates/signal",
      "metadataUrl": "https://mian.ro/registry/templates/signal.json"
    }
  ],
  "guide": "https://mian.ro/ai/docs/web-design.md"
}