{
  "name": "Meeno Zen Design System",
  "version": "1.17",
  "canonical": "https://meenozen.com/brand",
  "patterns": [
    {
      "id": "writing-editorial",
      "name": "Editorial article composition",
      "status": "implemented",
      "source": "app/writing/writing-shell.tsx",
      "styles": "app/writing/writing-editorial.css",
      "anatomy": [
        "text-free hero",
        "semantic prose hierarchy",
        "contextual full-width infographic",
        "accessible text disclosure",
        "purposeful companion",
        "optional closing takeaways",
        "quiet related work"
      ],
      "checks": [
        "both approved articles",
        "placement rationale",
        "native disclosure states",
        "phone full-size and text access",
        "source fidelity",
        "download bytes",
        "no article-local style drift"
      ]
    },
    {
      "id": "site-navigation",
      "name": "Shared site navigation",
      "status": "implemented",
      "source": "app/site-navigation.tsx",
      "styles": "app/site-navigation.css",
      "anatomy": [
        "home wordmark",
        "Work",
        "Writing",
        "Contact"
      ],
      "checks": [
        "all primary routes",
        "active page or location",
        "44 px targets",
        "420 px stacked row"
      ]
    },
    {
      "id": "homepage-writing",
      "name": "Homepage Writing selection",
      "status": "implemented",
      "source": "app/page.tsx",
      "styles": "app/portfolio.css",
      "anatomy": [
        "chapter",
        "purpose",
        "latest two real entries",
        "full library link"
      ],
      "checks": [
        "catalogue parity",
        "six chapter anchors",
        "3:2 hero covers",
        "complete titles"
      ]
    },
    {
      "id": "writing-hub",
      "name": "Searchable Writing library",
      "status": "implemented",
      "source": "app/writing/writing-collection.tsx",
      "styles": "app/writing/writing-hub.css",
      "anatomy": [
        "editorial introduction",
        "search",
        "topic and format",
        "sort",
        "result count",
        "animated article collection",
        "12-item pagination"
      ],
      "checks": [
        "URL state and direct entry",
        "zero/one/many results",
        "reset and history",
        "reorder and filter exit/entry",
        "rapid changes and focus continuity",
        "reduced motion",
        "no script forms and links",
        "publication-time semantics separately verified"
      ]
    },
    {
      "id": "editorial-art",
      "name": "Hero, cover and original takeaway",
      "status": "implemented",
      "source": "app/writing/writing-shell.tsx",
      "styles": "app/writing/writing.css",
      "anatomy": [
        "relevant hero",
        "same-art 3:2 cover",
        "optional original takeaway",
        "accessible export"
      ],
      "checks": [
        "crop quality",
        "no copied attribution",
        "support precedes infographic; takeaway downloads follow article",
        "large readable mobile art"
      ]
    },
    {
      "id": "article-companion",
      "name": "Purposeful article companion",
      "status": "implemented",
      "source": "app/writing/measure-ai-reporting-time/reporting-worksheet.tsx",
      "anatomy": [
        "reader task",
        "labelled inputs",
        "definitions",
        "interpretation",
        "export"
      ],
      "checks": [
        "blank versus zero",
        "invalid and missing data",
        "calculation correctness",
        "keyboard",
        "export parity"
      ]
    },
    {
      "id": "select",
      "name": "Native select with controlled arrow spacing",
      "status": "implemented",
      "source": "app/ui-select.tsx",
      "styles": "app/ui-select.css",
      "anatomy": [
        "persistent label",
        "native select",
        "reserved value space",
        "noninteractive chevron"
      ],
      "checks": [
        "16 px arrow inset",
        "12 px value gap",
        "longest option",
        "keyboard and focus",
        "forced colours"
      ]
    },
    {
      "id": "writing",
      "name": "Writing collection and article family",
      "status": "implemented",
      "source": "app/writing/writing-shell.tsx",
      "styles": "app/writing/writing.css",
      "anatomy": [
        "collection feature",
        "title and premise",
        "author and date",
        "purposeful graphic",
        "reading column",
        "optional contents and companion",
        "related work"
      ],
      "checks": [
        "real catalogue",
        "original takeaway provenance",
        "standalone reading",
        "large mobile composition",
        "all return paths"
      ]
    },
    {
      "id": "featured-case",
      "name": "Complete featured case",
      "status": "implemented",
      "source": "app/page.tsx",
      "styles": "app/portfolio.css",
      "anatomy": [
        "identity",
        "context",
        "contribution",
        "insight",
        "process",
        "destination",
        "expanded evidence"
      ],
      "checks": [
        "unequal copy lengths",
        "four complete cases",
        "concept status visible",
        "mobile detail parity"
      ]
    },
    {
      "id": "work-directory",
      "name": "Work directory and filters",
      "status": "implemented",
      "source": "app/work/work-collection.tsx",
      "styles": "app/work/work.css",
      "anatomy": [
        "collection heading",
        "filter controls",
        "result count",
        "case cards"
      ],
      "checks": [
        "filter then clear",
        "empty results",
        "paired row alignment",
        "single remaining case"
      ]
    },
    {
      "id": "case-narrative",
      "name": "Case narrative",
      "status": "implemented",
      "source": "app/work/case-shell.tsx",
      "anatomy": [
        "breadcrumb",
        "title",
        "context",
        "contribution",
        "work in practice",
        "evidence",
        "next case",
        "contact"
      ],
      "checks": [
        "direct entry",
        "evidence qualification",
        "next-case order",
        "working demo return"
      ]
    },
    {
      "id": "evidence",
      "name": "Evidence summary",
      "status": "implemented",
      "source": "app/case-evidence.tsx",
      "anatomy": [
        "label",
        "claim",
        "explanation"
      ],
      "checks": [
        "measured versus proposed",
        "source and period",
        "three columns or natural stack"
      ]
    },
    {
      "id": "method",
      "name": "Method pathways",
      "status": "implemented",
      "source": "app/method/page.tsx",
      "styles": "app/method/method.css",
      "anatomy": [
        "decision",
        "phases",
        "deliverables",
        "decision gates",
        "related work"
      ],
      "checks": [
        "all phases without script",
        "direct anchors",
        "balanced evidence grid"
      ]
    },
    {
      "id": "workflow",
      "name": "Interactive working canvas",
      "status": "implemented",
      "source": "features/dam-workflow",
      "anatomy": [
        "orientation",
        "scenario",
        "nodes",
        "detail",
        "outcome",
        "return"
      ],
      "checks": [
        "keyboard selection",
        "full-screen exit",
        "state retention",
        "reduced motion"
      ]
    },
    {
      "id": "guided-response",
      "name": "Strategy and presenter workspace",
      "status": "implemented",
      "source": "features/cluckin-good",
      "anatomy": [
        "reading or guided mode",
        "section navigation",
        "evidence details",
        "companion notes",
        "supporting documents"
      ],
      "checks": [
        "section continuity",
        "popup reuse and recovery",
        "audience connection",
        "PDF and calculation parity"
      ]
    },
    {
      "id": "archive",
      "name": "Archive and client demonstration",
      "status": "implemented",
      "source": "app/work/easy-english/original",
      "anatomy": [
        "boundary label",
        "preview",
        "full capture",
        "close",
        "case return"
      ],
      "checks": [
        "original client identity",
        "clean client website in a new tab",
        "portfolio examples retain contextual navigation",
        "focus return",
        "full-size image access",
        "safe demonstration forms"
      ]
    },
    {
      "id": "contact",
      "name": "Contact band and footer",
      "status": "implemented",
      "source": "app/page.tsx",
      "styles": "app/portfolio.css",
      "anatomy": [
        "invitation",
        "primary action",
        "direct contact",
        "colophon"
      ],
      "checks": [
        "shared column edges",
        "44 px footer row",
        "long email",
        "mobile stacking"
      ]
    },
    {
      "id": "workbench",
      "name": "Tabs, filter, form and dialog",
      "status": "reference specimen",
      "source": "scripts/design-system-lab.mjs",
      "anatomy": [
        "label",
        "control",
        "feedback",
        "recovery"
      ],
      "checks": [
        "arrow-key tabs",
        "no-match reset",
        "inline validation",
        "Escape and focus return"
      ]
    },
    {
      "id": "future-application",
      "name": "Production forms, dashboards and AI operations",
      "status": "extension contract",
      "source": "public/meeno-zen-brand-guide.md",
      "anatomy": [
        "purpose",
        "permissions",
        "data provenance",
        "states",
        "recovery",
        "acceptance"
      ],
      "checks": [
        "real loading and errors",
        "safe persistence",
        "operational ownership",
        "representative user testing"
      ]
    }
  ]
}