JM Family Design System

JM Family Design System

Build aligned product experiences faster.

A shared source of truth for people and AI agents: principles, brand standards, design tokens, components, patterns, and workflow guidance that make good product decisions easier to repeat.

1shared source of truth
14ready component standards
2access layers: people and agents

Why it matters

The system is more than a component library.

It helps teams make aligned choices, then gives agents enough source structure to apply those choices consistently in generated flows, documentation, and code.

For product teams

Learn the principles, standards, patterns, and component decisions that keep work aligned across teams.

For better delivery

Move faster with reusable decisions, clear examples, and practical guidance for design, content, code, and QA.

For AI agents

Give coding agents stable IDs, registries, tokens, and AGENTS.md guidance they can use inside product repos.

Human plus agent ready

Designed for the web app and the repo.

The web app teaches the system. The Agent Kit lets product repos carry the same decisions as Markdown, JSON registries, design tokens, and AGENTS.md instructions.

  • Humans get readable guidance, examples, and standards.
  • Agents get stable IDs, constraints, tokens, and generation rules.
  • Teams can start small, then mature each section over time.
design-system-agent-kitv1
/docs/design-system
  design-principles.md
  ux-workflow.md
  component-registry.json
  pattern-registry.json
  design-tokens.json
  compliance-checklist.md
AGENTS.md

Explore

Start where the work is.

Role paths

Find the guidance that matches your next decision.