{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "chasoba",
  "name": "Cha Soba",
  "family": "Textured",
  "origin": "Japan · green tea soba",
  "tagline": "Matcha, calm, considered.",
  "description": "Green-tea soba. Muted matcha primary, serif headings, paper-toned surfaces and small radii. Wellness, writing, reading.",
  "inspiration": [
    "Green tea → matcha palette and a washi paper texture",
    "Tea ceremony → slow, deliberate, ink-spreading transitions",
    "Brush and ink → hand-drawn, uneven outlines on buttons and fields",
    "Hanko seal → square red-stamp badges and switch knobs"
  ],
  "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"
  },
  "license": "LicenseRef-MIAN-1.0",
  "designLanguage": {
    "essence": "Cha soba is green-tea buckwheat noodle, and its world is the tea ceremony: washi paper, brush and ink, hanko seals and the ensō circle. The language is hand-made and deliberate: paper texture, brush-stroke outlines with irregular radii, stamped seal badges, and slow motion in which things appear like ink spreading into paper.",
    "principles": [
      "Paper: surfaces carry a subtle washi fibre texture.",
      "The brush: outlines use irregular elliptical radii (var(--c-brush)) so they look hand-drawn.",
      "Seals: badges are stamped hanko, a red or coloured frame with an inner line.",
      "Deliberate pace: 280–460ms, ease-out, never springy."
    ],
    "aspects": {
      "Shape": "Brush-stroke radii on buttons and cards; the ensō (an open ring) for spinners and donuts.",
      "Surface": "Washi texture, ink outlines, brush underlines on card headers.",
      "Colour": "Matcha green primary, amber accent, ink and paper.",
      "Type": "Serif headings.",
      "Motion": "chasoba-ink: blur and spread in, 460ms. Buttons tilt slightly on hover like a brush lifting.",
      "Data": "Brush-stroke bars, an ensō donut, ink lines."
    },
    "extend": [
      "Border 2px var(--mn-fg) with border-radius var(--c-brush); background var(--mn-surface) var(--c-washi).",
      "Mark status with a hanko seal: 2px frame plus an inset 1.5px surface line.",
      "Enter with blur(4px) → 0 and a slow fade."
    ],
    "avoid": [
      "Perfect geometric radii",
      "Glossy or glassy effects",
      "Fast or bouncy motion"
    ],
    "recipe": "[data-noodle=\"chasoba\"] .tile {\n  padding: 12px 16px; border: 2px solid var(--mn-fg); border-radius: var(--c-brush);\n  background: var(--mn-surface) var(--c-washi);\n  transition: transform 280ms cubic-bezier(.3, .1, .2, 1);\n}\n[data-noodle=\"chasoba\"] .tile:hover { transform: rotate(-.6deg); }\n[data-noodle=\"chasoba\"] .tile[aria-selected=\"true\"] { background-color: color-mix(in oklab, var(--mn-primary) 14%, var(--mn-surface)); }"
  },
  "psychology": {
    "temperature": "warm",
    "colours": [
      {
        "role": "Primary",
        "hex": "#4d7c0f",
        "family": "Green",
        "depth": "deep, saturated",
        "says": "Growth, health, permission, money. The easiest colour to look at for a long time.",
        "use": "Finance, health, food, sustainability, and “go” or success states.",
        "risk": "Success messages are green too: a green brand needs a success state that is clearly a status (icon, words). Claims of sustainability made with green alone read as greenwashing."
      },
      {
        "role": "Accent",
        "hex": "#a16207",
        "family": "Brown and terracotta",
        "depth": "mid, saturated",
        "says": "Earth, craft, reliability, age. Feels made by hand and unhurried.",
        "use": "Food, coffee, leather, ceramics, heritage brands, anything artisanal.",
        "risk": "Looks dull on screens unless the neutrals around it are warm too."
      },
      {
        "role": "Page",
        "hex": "#f7f8f3",
        "family": "White and paper",
        "depth": "pale, muted",
        "says": "Space, honesty, simplicity. Warm whites feel human, cool whites feel clinical.",
        "use": "Almost everything. The page colour sets the temperature of the whole brand.",
        "risk": "Empty is not the same as calm: white space needs a grid behind it."
      }
    ],
    "relation": "Green with brown and terracotta: a contrasting pair that needs one of the two to dominate.",
    "type": {
      "body": {
        "class": "neutral",
        "name": "Neutral sans",
        "says": "Clear, modern, impartial. The voice of software and signage.",
        "use": "Interfaces, documentation, most product marketing.",
        "risk": "The same few neutral sans typefaces set every generated page. Without a distinct weight, size or pairing it reads as a template."
      },
      "heading": {
        "class": "serif",
        "name": "Book serif (old-style and transitional)",
        "says": "Considered, literate, established. The voice of books and long reading.",
        "use": "Editorial, publishing, research, thoughtful products, quotations.",
        "risk": "Needs size and good line spacing on screens; small serif text on low-resolution displays gets muddy."
      },
      "weight": 650,
      "summary": "Two voices: book serif (old-style and transitional) for headings, neutral sans for the interface. Headings are semibold, which reads as confident without shouting."
    },
    "personality": {
      "reads": [
        "calm",
        "natural",
        "considered",
        "bookish",
        "wellness"
      ],
      "intensity": 2,
      "dimensions": [],
      "suits": [
        "wellness",
        "writing",
        "reading apps",
        "tea and food",
        "sustainability"
      ],
      "lessFor": [
        "loud campaigns",
        "gaming"
      ],
      "tone": "Calm and clear. Short sentences, one idea each, a friendly but not chatty register."
    },
    "logo": "A simple geometric mark with slightly softened corners fits; avoid both hard spikes and full circles. Set the wordmark in a serif to match the headings."
  },
  "url": "https://mian.ro/noodles/chasoba",
  "markdownUrl": "https://mian.ro/ai/noodles/chasoba.md",
  "stylesheet": "https://mian.ro/dist/noodles/chasoba.css",
  "usage": "<html data-noodle=\"chasoba\">",
  "fonts": {
    "sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
    "heading": "ui-serif, \"New York\", \"Iowan Old Style\", \"Palatino Linotype\", Georgia, serif",
    "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace"
  },
  "headingWeight": 650,
  "radius": {
    "field": "6px",
    "box": "10px",
    "badge": "6px"
  },
  "shadow": "subtle",
  "density": "default",
  "glass": false,
  "light": {
    "bg": "#f7f8f3",
    "surface": "#fdfdfa",
    "surface2": "#ecefe3",
    "fg": "#1c2117",
    "muted": "#5b6452",
    "border": "#dde2d2",
    "input": "#c7cfb8",
    "primary": "#4d7c0f",
    "primaryFg": "#ffffff",
    "secondary": "#e6ebd9",
    "secondaryFg": "#1c2117",
    "accent": "#a16207",
    "accentFg": "#ffffff",
    "ring": "#4d7c0f",
    "success": "#15803d",
    "successFg": "#ffffff",
    "warning": "#b45309",
    "warningFg": "#ffffff",
    "danger": "#dc2626",
    "dangerFg": "#ffffff",
    "info": "#0369a1",
    "infoFg": "#ffffff",
    "primaryText": "#487310",
    "secondaryText": "#6d7265",
    "accentText": "#945c09",
    "successText": "#16783a",
    "warningText": "#a54e0a",
    "dangerText": "#c52524",
    "infoText": "#0369a1",
    "link": "#4d7c0f"
  },
  "dark": {
    "bg": "#10130d",
    "surface": "#161a12",
    "surface2": "#20261a",
    "fg": "#eef1e6",
    "muted": "#a3ab95",
    "border": "#2b3323",
    "input": "#3f4a33",
    "primary": "#a3e635",
    "primaryFg": "#10130d",
    "secondary": "#20261a",
    "secondaryFg": "#eef1e6",
    "accent": "#facc15",
    "accentFg": "#1c1600",
    "ring": "#a3e635",
    "success": "#4ade80",
    "successFg": "#052e16",
    "warning": "#fbbf24",
    "warningFg": "#1f1300",
    "danger": "#f87171",
    "dangerFg": "#210505",
    "info": "#38bdf8",
    "infoFg": "#03202d",
    "primaryText": "#a3e635",
    "secondaryText": "#83877c",
    "accentText": "#facc15",
    "successText": "#4ade80",
    "warningText": "#fbbf24",
    "dangerText": "#f87171",
    "infoText": "#38bdf8",
    "link": "#a3e635"
  },
  "css": "[data-noodle=\"chasoba\"] {\n  --mn-bg: light-dark(#f7f8f3, #10130d);\n  --mn-surface: light-dark(#fdfdfa, #161a12);\n  --mn-surface-2: light-dark(#ecefe3, #20261a);\n  --mn-fg: light-dark(#1c2117, #eef1e6);\n  --mn-muted: light-dark(#5b6452, #a3ab95);\n  --mn-border: light-dark(#dde2d2, #2b3323);\n  --mn-input: light-dark(#c7cfb8, #3f4a33);\n  --mn-primary: light-dark(#4d7c0f, #a3e635);\n  --mn-primary-fg: light-dark(#ffffff, #10130d);\n  --mn-secondary: light-dark(#e6ebd9, #20261a);\n  --mn-secondary-fg: light-dark(#1c2117, #eef1e6);\n  --mn-accent: light-dark(#a16207, #facc15);\n  --mn-accent-fg: light-dark(#ffffff, #1c1600);\n  --mn-ring: light-dark(#4d7c0f, #a3e635);\n  --mn-success: light-dark(#15803d, #4ade80);\n  --mn-success-fg: light-dark(#ffffff, #052e16);\n  --mn-warning: light-dark(#b45309, #fbbf24);\n  --mn-warning-fg: light-dark(#ffffff, #1f1300);\n  --mn-danger: light-dark(#dc2626, #f87171);\n  --mn-danger-fg: light-dark(#ffffff, #210505);\n  --mn-info: light-dark(#0369a1, #38bdf8);\n  --mn-info-fg: light-dark(#ffffff, #03202d);\n  --mn-primary-text: light-dark(#487310, #a3e635);\n  --mn-secondary-text: light-dark(#6d7265, #83877c);\n  --mn-accent-text: light-dark(#945c09, #facc15);\n  --mn-success-text: light-dark(#16783a, #4ade80);\n  --mn-warning-text: light-dark(#a54e0a, #fbbf24);\n  --mn-danger-text: light-dark(#c52524, #f87171);\n  --mn-info-text: light-dark(#0369a1, #38bdf8);\n  --mn-link: light-dark(#4d7c0f, #a3e635);\n  --mn-font: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  --mn-font-heading: ui-serif, \"New York\", \"Iowan Old Style\", \"Palatino Linotype\", Georgia, serif;\n  --mn-font-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n  --mn-heading-weight: 650;\n  --mn-radius-field: 6px;\n  --mn-radius-box: 10px;\n  --mn-radius-badge: 6px;\n  --mn-shadow-sm: 0 1px 2px rgb(0 0 0 / .05);\n  --mn-shadow-md: 0 2px 6px -1px rgb(0 0 0 / .08), 0 1px 2px rgb(0 0 0 / .04);\n  --mn-shadow-lg: 0 12px 32px -8px rgb(0 0 0 / .18), 0 4px 8px -4px rgb(0 0 0 / .08);\n  --mn-size-xs: 26px;\n  --mn-size-sm: 32px;\n  --mn-size-md: 38px;\n  --mn-size-lg: 46px;\n  --mn-text-sm: 14px;\n  --mn-surface-alpha: 100%;\n  --mn-backdrop: none;\n  --mn-bg-image: none;\n}\n"
}